Lofti

Save hours of animations. Simply copy and paste

[Lofti @LoftiUi]

60+ Animated Components for React, Next.js & Tailwind CSS .

Copy, paste, customize, and ship beautiful interfaces powered by GSAP. Build websites that feel premiumbnot ordinary.

[Lofti @LoftiUi]

Clean text flip animation
Made with @greensock 💚
What do you think?📌

[Lofti @LoftiUi]

Clean page transition WIP 💚
Perfect for landing pages
Made with @greensock
What do you think?

[Lofti @LoftiUi]

Ascii lovers
Take a look at this clean ascii image hover animation
Made with @greensock 💚
What do you think

[Lofti @LoftiUi]

It's raining ASCII
Clean ASCII menu animation, made with @greensock 💚.
Perfect for landing pages
What do you think?

[unc wesley @slycodez]

This can actually be done using GSAP + custom video + React (or Nextjs)

[Lofti @LoftiUi]

Menu animation WIP
Clean animation made for your site
Made with GSAP 💚

[Lofti @LoftiUi]

Videos in hero section are always cool
And it takes your hero section from looking generic to looking premium
Clean hero animation concept
Made with GSAP 💚
Jsx and Tsx available 📌

[Lofti @LoftiUi]

@slycodez Animatioms from us📌

[Lofti @LoftiUi]

Clean Noodles Page Transition WIP
Made with @greensock 💚
Jsx and Tsx available 📌

[Lofti @LoftiUi]

Menu WIP
Made with @greensock 💚.
Jsx and Tsx available 📌

[Lofti @LoftiUi]

Menu WIP
Made with @greensock 💚.
Jsx and Tsx available 📌

[Lofti @LoftiUi]

New in components 📌
Goey hover reveal effect
Just wrap it around your image
Made with @greensock 💚.
Jsx and Tsx available 📌

[Lofti @LoftiUi]

Elevate your site with this text fall animation concept
Made with @greensock 💚.
Jsx and Tsx available 📌

[Lofti @LoftiUi]

Post us more📌

[unc wesley @slycodez]

How to go viral on X this 2026?
I'll be in the comments 🤔

[Lofti @LoftiUi]

@Revanthdhfm__ @Erling He scared himself while eating😂

[Lofti @LoftiUi]

Elevate your site with this text fall animation concept
Made with @greensock 💚.
Jsx and Tsx available 📌

[Lofti @LoftiUi]

New in components 📌
Goey hover reveal effect
Just wrap it around your image
Made with @greensock 💚.
Jsx and Tsx available 📌

[Lofti @LoftiUi]

Page transition on goey steroids 📌
Made with GSAP 💚
Jsx and Tsx available

[Lofti @LoftiUi]

Clean hero/ work section animation
Made with @greensock💚.
Jsx and Tsx available 📌