share this:

How to do a 'Sliced Animation' effect in Framer

⚠️ This This is an older tutorial, but a lot of the techniques here are foundational to how Framer works, so you should still be fine. ⚠️

What's in it for you?

👾 Setting Up Frames:
Discover how to configure frames to achieve the perfect cut-in effect. 🦾 SEO Friendly: Learn to make these stunning effects SEO-friendly for your headlines.

🎈 Global Animations:
Master the art of animating multiple elements simultaneously.

🍿 Staggered Animations:
Elevate your global animations with a touch of staggered flair.

🔨🎧 Tools + Music

Framer: Bring your designs to life and create world-class websites with Framer, the ultimate web builder for creative professionals. Explore Framer

🆎 Touvlo Typeface: This spirited, modern take on classic typefaces captures the essence of early British grotesque styles while showcasing its vibrant personality. Check out Touvlo

🎧 Tune In: Enjoy Midnight Drive | Lo-Fi House | 2 Hour Playlist" by STEEZASFUCK

saas ui/ux design services. brand design agency san francisco
saas ui/ux design services. brand design agency san francisco
Abstract close-up of shiny metallic surfaces and spherical shapes, with a mix of light and shadows.

Ready to level up
your branding?

Get a free 10-min design consultation by filling out the form below. I look forward to seeing how I can help you.

A person with short hair and a white t-shirt smiles warmly at the camera in a bright, blurred indoor setting.
Abstract close-up of shiny metallic surfaces and spherical shapes, with a mix of light and shadows.

Ready to level up
your branding?

Get a free 10-min design consultation by filling out the form below. I look forward to seeing how I can help you.

A person with short hair and a white t-shirt smiles warmly at the camera in a bright, blurred indoor setting.
Abstract close-up of shiny metallic surfaces and spherical shapes, with a mix of light and shadows.

Ready to level up
your branding?

Get a free 10-min design consultation by filling out the form below. I look forward to seeing how I can help you.

A person with short hair and a white t-shirt smiles warmly at the camera in a bright, blurred indoor setting.

©2025 Tim Preut Design, All Rights Reserved

©2025 Tim Preut Design, All Rights Reserved

hello@timpreut.design