Messy UI
A registry of animated React components built with GSAP and Motion
- 2
- github stars
A growing collection of animated React components, distributed through the shadcn CLI. It started as a place to keep the creative-programming pieces that would otherwise be lost in one-off projects.
The hard part was the preview, not the components
The library sat unbuilt for about half a year because of one unsolved problem: a single preview surface that could host two very different kinds of component. Inline ones are atomic and self-contained. Sandboxed ones only make sense inside a full page-like environment, dependent on their surroundings and position.
Solving that split is what finally made the registry possible.
Installable with one command
Every component is published as a shadcn registry entry, so adding one is the same command you already use for shadcn/ui — no new tooling to learn, and the code lands in your project rather than in node_modules.
npx shadcn@latest add https://messyui.dev/r/animated-counter.json
npx shadcn@latest add https://messyui.dev/r/hold-button.jsonOn the AI in it
The repo says it plainly: parts of this library are AI-generated, and it is being actively reclaimed by hand. Without that starting push the project would not exist at all — half a year of not shipping is its own kind of answer.