Clover started from a simple frustration: adding good-looking text animations in React always felt more time‑consuming than it should be. I was constantly copy‑pasting snippets from old projects, tweaking Framer Motion configs, and fighting Tailwind classes just to make a heading feel alive. With Clover, I wanted a focused playground where developers can experiment with presets, tune details like stagger or blur in real time, and then copy a clean, type‑safe snippet straight into their Next.js or React app. The project evolved into an open-source registry of reusable text animation patterns, and the community angle is now a big part of the vision—anyone can contribute new presets, improve the docs, or help grow the library so we all spend less time wiring up motion and more time building products.

Clover

Instant text animation for your web projects

Instant text animation for your web projects