The scroll animation you see on Apple product pages is a video or image sequence that plays as the shopper scrolls. Until now the Shopify answer was "hire a developer for GSAP ScrollTrigger". This app builds it for you: pick a product, collection or campaign, AI makes the scroll-driven page from your real photos and copy, and you publish it to your storefront as a page, blog article or theme block. No code, no theme edits.
Installs in one click · Billed through Shopify · Free plan to try it on one page
A flat product page gets skimmed in seconds. A scroll-driven one plays as the shopper scrolls: the product turns, the details reveal, the benefits land one at a time, and the page ends at the buy button.
A short clip of your product, generated from its own photo, is sliced into frames and scrubbed by the scroll bar, the same technique as the Apple product pages. Works on phones, no autoplay needed.
On product pages the buy button sits in the header and at the end of the story, wired to your store's cart. The page sells, it doesn't just look good.
The scroll effects you would otherwise code by hand: pinned media with text that steps through, cards that stack as you scroll, image sequences that transition between states.
Pick a product or describe a campaign, AI builds the page, you edit anything in a visual editor, then publish to your storefront as a page, article or theme block. Your theme stays untouched.
Product, collection, landing or blog — start from the real thing in your store and let the AI turn it into a scroll experience.
Pick a product and we build an immersive page from its real photos and details — a cinematic hero, benefit-driven sections, and a closing call to action.
Set the mood for a range and guide shoppers in. The AI builds a cohesive scroll journey from your collection's imagery and theme, with a clear path to shop it.
Promos, launches and brand moments deserve more than a banner. Build a focused, conversion-oriented scroll page with a bold hero and one clear action.
Turn posts and guides into scroll-driven stories that hold attention — then publish them straight into your Shopify blog as an article.
Add Scrollytelling from the Shopify App Store. Open it and your store connects automatically — no API keys.
Product, collection, landing or blog. Pick a product or collection, or describe your idea.
Copy, images and video are generated in your store's style — then refine anything in the editor.
Push it live as a page, a blog article, or a theme block. No code, fully responsive.
If you have searched "apple style scroll animation shopify", you have seen the answers. Here is what each one costs you.
The answer in most Shopify Community threads. You get exactly the effect you want, hand-coded into your theme. You also get a quote in the hundreds to thousands, a page you cannot edit yourself, and a theme update that can break it. Right for a flagship launch with a budget; wrong for the fourth product of the month.
Many themes fade or slide blocks in as they enter the viewport. That is an entrance effect, not scroll animation: nothing plays as the shopper scrolls, and the product never moves. Fine for a little polish, not the Apple-style page people are asking for.
Apps that add hover and entrance effects to existing sections. They do not make a video scroll with the page, and they do not write the page for you. You still start from a blank product page.
Builds the whole scroll-driven page from your product, including the scroll-scrubbed video, and publishes it to your store. You edit it in a visual editor. The free plan lets you try it on one page before paying anything, and the paid plans are a flat monthly fee billed by Shopify.
Yes. Pages publish as a Shopify page, a blog article or a theme app block, so they do not depend on your theme's code. Dawn and every Online Store 2.0 theme are supported; the app never edits your theme files.
The scroll video is served as a frame sequence from a CDN and loads progressively, so the first frames paint immediately and the rest arrive as the shopper scrolls. The rest of your store is untouched, only the pages you build with the app load the extra media.
Yes, and that is where it matters most, since most Shopify traffic is mobile. Phones get a portrait version of the video so nothing important is cropped, and the scroll drives it the same way as on desktop.
Product pages (with add to cart built in), collection pages, landing pages for campaigns and ads, and blog articles. Each one starts from the real product or collection in your store, so photos, titles and prices are yours, not stock.
Everything. Text, images, colours, spacing, the order of sections and the video itself can be changed in the editor without touching code. Edits are free; only generating new AI media uses credits.
There is a free plan to build and publish one page. Paid plans start at $12 a month, billed through your Shopify invoice, and can be cancelled from your Shopify admin at any time. No separate checkout, no card details entered here.
Choose a plan during install — it's charged securely on your Shopify invoice, and you can change or cancel anytime from your Shopify admin. A free plan is available to start.
Plans are managed by Shopify Managed Pricing — no separate checkout, no card details to enter here.
Install Scrollytelling and turn your first product, collection or campaign into an immersive story that keeps shoppers engaged — and converting.
Add to Shopify