Components that move like they mean it.
A public shadcn registry of motion-enhanced components and full page blocks. Everything is previewed live, installs with one command, and lands in your project as plain source: the code is yours from the first paste.
npx shadcn@latest add https://ui.thilina.dev/r/animated-tabs.jsonSee it before you install it
Every item on this site is the real component running in the page, not a screenshot. A few from the current set of 9:
How it works
- 1.
Find a component or block. Browse the 9 components and 6 blocks, all previewed live in both themes.
- 2.
Run the install command. The shadcn CLI copies the source into your project and wires up dependencies, including other registry items a block needs.
- 3.
Make it yours. The files are plain React and Tailwind in your repo. Restyle them, rewrite them, or tear them apart. Nothing to eject from.
Motion with manners
Every animated component ships a prefers-reduced-motion fallback, keeps its content out of the animation's hands, and leaves keyboard behavior to the Radix primitives underneath. The interactive pieces are shadcn components at heart, so focus rings, ARIA wiring, and semantics survive the polish.