Framer

Framer’s video ad: “How to create smoooooooth text animations 🦇 #webdesign #animation #ad”

Ran 254 days·Facebook and Instagram·Winner

How it opens

“How to create smoooooooth text animations 🦇 #webdesign #animation #ad”

Why it works

It has run for 254 days. Brands keep paying only for ads that make money, so this one is proven. Teaching something useful earns attention and goodwill.

How it’s built

1. Hook: How to create smoooooooth text animations 🦇 #webdesign #animation #ad
2. CTA: Sign up

What to borrow

• Test a tutorial ad for your own product.
• It has run for over a month: the idea is proven demand, so test it in your own words.

Its words

How to create smoooooooth text animations 🦇 #webdesign #animation #ad

Button: Sign up

What’s said

The transcript

How do you go from this to this, and why does this one look and feel better? The first version is complete ass because it's not following some key design and animation principles that can make it feel way better. For starters, it's not using any sort of easing effect, which makes animations feel smooth and buttery. Simply changing this from linear to Framer's built-in spring easing effect takes this from horrible to good, but we can do better. We'll create a slight delay for the sub-headline and set the effect to per word to follow the visual hierarchy on the page, and to bring this home even further, we'll add a 10-pixel blur to make this feel premium enough that Bruce Wayne himself would buy it.

Where and how long

• First ran 29 Oct 2025; last seen 10 Jul 2026.
• Run as 23 ads.
• Links to framer.com.
• Style: Tutorial.