Skip to content
GetUrUI
106 MIT-licensed free · 332 designs in all

Production React UI, already in motion.

Forms, tables, pickers, menus, page kits and 32 full templates — built on React 19, Tailwind CSS v4 and Motion. Install any piece with one command and own every line.

Try it live Browse the catalog
  • Keyboard and screen reader ready
  • Reduced-motion safe
  • Dark and light themes

Live workbench

Don't trust a screenshot. Use the real thing.

These are the shipped components, running on this page. Type, sort, pick dates, open menus, then copy the command underneath.

Input, Select, Date picker, SwitchFree
Docs and props

A working form assembled from Input, Select, Date picker, Switch and Button. Errors shake once, focus stays where you expect, nothing is sent.

Tab through fieldsEnter submitsEsc closes pickers

$npx shadcn@latest add @geturui/input

Motion system

One motion language, everywhere.

Presses, swaps and panels use the same springs in every item, so a page built from ten pieces still feels like one product.

Read the motion guideOpen the playground
Feel the give, not a bounce
Pressscale 0.96 · spring 600/30
Swapcrossfade · blur 8px
Panelspring 320/30 · height
Off on this device

Turn it on in your system settings and every piece falls back to fades and still frames.

Reduced motionfade fallback

Templates

Whole sites, with real photography.

Licensed photos, six screens each, every section built from catalog components. Open a live preview, then download the code.

All 32 templates
32See every template Landing pages, dashboards, shops and apps.

Install

One command. Code you own.

GetUrUI uses the shadcn registry format, so items install with the CLI you may already have and land as plain files in your repo.

  1. 01Run one commandAdd the @geturui namespace to components.json once, then install anything by name.
  2. 02Dependencies come alongPieces the item builds on are resolved and written next to it.
  3. 03It's your file nowNo wrapper package to update or fight. Change springs, styles and markup in place.
  4. Working with a coding agent? It can search the catalog and install items through the GetUrUI MCP server. Agent setup
$npx shadcn@latest add @geturui/date-picker
What lands in your project8 files
  • components/ui/date-picker.tsx
  • components/ui/date-field.tsx
  • components/ui/calendar.tsx
  • components/ui/field.tsx
  • components/ui/popover.tsx
  • components/ui/button.tsx
  • components/ui/button-classes.ts
  • components/ui/spinner.tsx

Listed from the date picker's registry entry. Full setup in the installation guide.

Proof you can check

Numbers from the catalog, not adjectives.

Every figure below is counted from the same files the CLI installs, so it changes when the catalog does.

installable designs
332
across 7 collections
free under MIT
106
public registry, no account
full templates
32
real code, live previews
items, each with a11y notes
157
keyboard and screen reader details on the docs page

The rules every item follows

  • Keyboard support: arrows, Enter and Escape where you expect them
  • Labels, roles and live regions for screen readers
  • prefers-reduced-motion honoured: fades and still frames instead
  • Strict TypeScript with typed, documented props
  • Tailwind CSS v4 tokens: every item works in dark and light
  • Built on React 19 and Motion; any extra dependency is listed on the item's page

Built with GetUrUI

Our own apps, assembled from the components you install.

  • Foundry SaaS KitApp UI · 12 screensA complete twelve-screen SaaS frontend for Foundry, a fictional B2B invoicing product
  • CRM DashboardDashboard · 4 screensA complete sales CRM for Pipewell, a fictional company
  • Ledgerline FinanceDashboard · 11 screensA soft-rounded crypto portfolio app for Ledgerline, a fictional finance product
  • Orbit MarketsApp UI · 6 screensA compact prediction-market app for Orbit, a fictional product

Shipped something with GetUrUI?

Tell us what worked and what got in your way. With your written permission we may quote you here, credited with your name and role.

Share your feedback

Free, Pro and Lifetime

Start free. Upgrade when the project does.

The free library stands on its own. Pro adds premium designs; Lifetime adds every template and illustration with one payment.

Free

$0forever

106 MIT-licensed designs

  • Public registry and one-command installs
  • Personal and client projects
  • Dark and light themes included
Browse free components
Yearly

$119/year

+226 Pro designs

  • Every Pro component, block, page kit, AI and chart item
  • Private registry, MCP access and one-command installs
  • Updates while your plan is active
  • Unlimited personal and client projects
Compare plans
Lifetime

$179one-time

Everything, plus all 31 paid templates

  • Every full template, including new ones
  • Every animated illustration
  • Background Studio exports (React, PNG, WebM)
  • Lifetime updates and future drops
  • Priority support and a member card
See what Lifetime includes

Bought one by one, the 31 paid templates add up to $1,817. Lifetime includes all of them, and the ones that ship next, for $179 once.

FAQ

Before you install

Yes. The free library is MIT licensed — use it in client work and products, and modify it freely. Keep the license notice in copies of the source. Pro items have their own license, also allowing unlimited personal and client projects.