Animation Presets
A collection of handcrafted text animations. Copy the code or open in playground to customize.
+ K
Hello World
Modern Fade
Clean, blurred entry. Perfect for minimalist headlines.
Install
npx shadcn@latest add https://clover-kit.vercel.app/registry/modern-fade.jsonCode
Terminal
Classic typewriter effect with cursor. Great for code blogs.
Install
npx shadcn@latest add https://clover-kit.vercel.app/registry/terminal.jsonElegant
Editorial
Elegant, staggered rise. Ideal for storytelling and hero sections.
Install
npx shadcn@latest add https://clover-kit.vercel.app/registry/editorial.jsonGlitch
System Glitch
Digital artifacting and displacement. For high-tech vibes.
Install
npx shadcn@latest add https://clover-kit.vercel.app/registry/system-glitch.jsonBoing!
Pop In
Spring-loaded scale animation. High energy and attention grabbing.
Install
npx shadcn@latest add https://clover-kit.vercel.app/registry/pop-in.jsonCINEMA
Cinematic
Slow, misty reveal. Best used for dramatic titles.
Install
npx shadcn@latest add https://clover-kit.vercel.app/registry/cinematic.jsonJump
Elastic
Big movement with a bouncy finish. Fun and playful.
Install
npx shadcn@latest add https://clover-kit.vercel.app/registry/elastic.json