Introduction
GetUrUI is a library of 157 animated React components, blocks, AI pieces and charts, plus 32 full templates. You install the source into your project and own every line.
How it works
GetUrUI is not a package you import from node_modules. Each item is a React file built with Tailwind CSS 4 and Motion. The shadcn CLI copies it into your project — components/ui, components/blocks and so on — where you can change anything.
- Built for React 19, Next.js 15+ and Tailwind CSS 4.
- Motion springs on transform, opacity and filter only, so it stays at 60fps.
- Keyboard support, visible focus and reduced-motion fallbacks in every item.
- Colours come from tokens, so every item works in dark and light themes.
Collections
| Collection | Items | Installs to |
|---|---|---|
| Components | 54 | components/ui |
| AI Agents | 12 | components/ai |
| Blocks | 29 | components/blocks |
| Examples | 28 | components/examples |
| Pages | 12 | components/pages |
| Charts | 6 | components/charts |
| Illustrations | 16 | components/illustrations |
| Templates | 32 | app/ (zip download) |
Free and Pro
The free library is MIT licensed — use it in personal and commercial work. Items marked Pro live in a private registry: you can explore their previews here, and install them with a registry token once you have a plan. Yearly covers every Pro component and block; Lifetime adds every template and illustration, and all future drops.
Guides
InstallationAdd the registry and tokens, then install your first component.ThemingColour, radius and motion tokens. Dark by default, light by attribute.Motion guideThe springs and rules behind every animation.For coding agentsMCP server, llms.txt and prompts for Claude Code and Cursor.Pro registryInstall Pro items with your registry token.ChangelogEvery release, newest first.