Rime

Frosted-glass components you own

Rime is a React component kit that installs like shadcn/ui and themes with one CSS file. 69 accessible components, blocks and charts, with no Tailwind underneath.

Get startedBrowse components
npx shadcn@latest add KezLahd/rime/kit

Examples

View the block and its code

Dashboard

Good morning, Jane

Orders are up on last month. Two invoices are overdue.

Revenue
$48,210
+12%vs last month
Orders
10,470
+8%vs last period
Active projects
14
3 due this week
Time to pay
6days
−3vs last month
OrdersOnline and in store

Daily orders over the last 30 days, online and in store.

  • Online
  • In store
Recent invoices
InvoiceStatusActions
INV-1042Jane Cooper29 Sept 2026$1,280Paid
INV-1041Wade Warren27 Sept 2026$640Sent
INV-1040Esther Howard24 Sept 2026$2,150Overdue
INV-1039Cameron Williamson22 Sept 2026$395Paid
INV-1038Brooklyn Simmons19 Sept 2026$980Draft

Frosted glass, by default

Translucent panels, a lit edge and a soft two-layer shadow over a gently tinted field. Rime Flat switches it all to opaque planes, and both presets have a dark mode.

See the foundations

Rime Studio

Start from a preset, drop in a logo to extract a palette, tune glass, shape, shadows and hover, check contrast in both modes, and export one theme.css.

Open Rime Studio

Ready for AI agents

Every page has a markdown twin, the whole site is in llms.txt, the registry works with the shadcn MCP server, and a Claude skill ships with the agent docs.

Read the AI guide