Text Generate Effect

A cool text effect that fades in text on page load, one by one.

Meri Ek taang nakli hai, Mai hockey ka bohot bada khiladi tha. Ek din Uday bhai ko meri kisi baat pe gussa aagaya aur mere he hockey se meri taang ke do tukde kar diye..... Lekin dil ke bohot ache hai, Fauran mujhe hospital le gaye aur ye nakli taang lagwayi. -- bas bas bas ballu

I first tried to build this effect on Algochurn's Landing Page and it turned out to be an awesome addition to the landing.

This is also called a Typewriter Effect.

Here, the text fades in one by one, and the effect is achieved using framer-motion.

This is taken from Approv's implementation. His stackblitz is here

PS: I didn't want to use lorem ipsum for the copy so I made it a little more serious.

Code Snippet

We need your help 🫶

We are a tiny team of people who could use your support in building these awesome components. Please share Aceternity components on your social media and help us grow. 🙏

Tweet about aceternity

Ready to bring your website to life?

Experience the magic of a stunning website designed just for you! Contact us now, and witness the transformation within 24 hours. No more waiting around - we're serious about making your vision a reality. ✨

John Shahawy
Henrik Söderlund
John Ferry
Meru Gokhale
Book a Call