Thanks for reading!
Interested in having us design a high converting website for you? Click here. Or check out our stunning line of easy-to-customize brand + website templates.

How to Add Scroll Animations in Showit

Tutorials

filed in

If you want to increase sales on your site, you have to keep people ON your site. And a great way to do that is to add engaging animations.

Because if people are having fun engaging with your content, they’re going to be a lot more likely to stick around.

Let’s recreate this scroll animation from our new St. Vincent design. I’m going to start by adding the typography to a canvas.

Then I’ll copy the text to different canvases and set them to be sticky with “Top on Scroll”. Next play with the offset.

This can take a little time to get right but stick with it. Make sure any canvases that appear below the animated canvas have a higher Z index.

Double check mobile et voila! A highly engaging, animated typographic design.

Pin It

SHARE THIS POst

Leave a Reply

Your email address will not be published. Required fields are marked *

Your website should be bringing in clients while you sleep. If it isn't, it's probably missing a clear strategy — and this free guide shows you exactly where to start.

 THE FREE GUIDE

7 Website Fixes That Turn Visitors Into Paying Clients

    FREE GUIDE

    FREE GUIDE

    Meet Davey & Krista

    We've spent 15+ years designing brands and websites for creative businesses — and paying close attention to what actually works.

    Every template we've built is informed by real client projects, real conversion data, and a deep understanding of what makes someone go from browsing to booking. We don't just design for beautiful. We design for what happens after someone lands on your page.

    That's why our templates don't just come with files. They come with the guidance to use them — writing prompts, launch checklists, and systems that take you from purchase to published.

    We also teach. Our designer courses are where we train the next generation of designers, and DesignEdit is our newsletter for working creatives who want to stay ahead of AI. All of it comes from the same place: the belief that good design should make your business feel lighter, not harder.

    we're Davey & Krista 

    GET TO KNOW US

    SEND ME MY GUIDE

    Your website should be bringing in clients while you sleep. If it isn't, it's probably missing a clear strategy — and this free guide shows you exactly where to start.

    grab the free guide

    DESIGNERS - GRAB YOUR FREE GUIDE