A frosted-glass React kit.
A React component kit with frosted-glass surfaces, its own docs site and a theme studio. You install it with the shadcn CLI and theme it with one CSS file, and there's no Tailwind underneath.
What it does
Oct 2026- 01Frosted by defaultTranslucent panels with lit edges and soft two-layer shadows over a tinted field. Rime Flat is the opaque version, and both come in light and dark.
- 0269 components, 6 blocksButtons to date pickers, plus whole screens: Dashboard, Inbox, Settings, Data Table, Auth and Shells, each one command.
- 03You own the sourceThe shadcn CLI copies each component into your project. No Radix, no Tailwind, no shadcn primitives underneath.
- 04Rime StudioStart from a preset, tune the glass, shape, shadows and hover, check contrast, and export one theme.css.
- 05ChartsLine, area, bar, donut and stat strips on Recharts, coloured from the same tokens.
- 06Docs for agents tooEvery docs page has a markdown twin, the whole site is in llms.txt, and one install adds AGENTS.rime.md and a Claude skill.
Signature
Drop a logo, get a theme
Drop a logo, a brand book page or a screenshot into the Studio and it pulls the palette out in the browser, sorts the colours into brand, deep, accent and neutral, and works out every other colour from those. Any text colour that fails contrast is nudged to the nearest shade that passes, with a note saying so.
How it works
- Four layers of tokensPalette, then semantic tokens like ink and glass, then shape and space scales, then per-component tokens. The per-component ones aren't declared by default; each module reads them with a fallback, so a theme only sets what it changes.
- Its own registryScripts build a shadcn-compatible registry.json and a mirror at /r, so npx shadcn add KezLahd/rime/button installs Rime's button and whatever it needs.
- One source for the docsEach component's examples, props and tokens live in one registry that the docs site, the Studio and the markdown export all render from.
- Studio stays in the StudioThe theme you're editing is a single style element that only exists while the Studio is open, so it reaches every portal and overlay and disappears when you leave.
Design
InterAa
#16181F#468CFB#5A5F6B#EEF0F4
- Three blues from the mark: Frost, Ice and Mist. Frost is the accent; Ice and Mist tint the field.
- The page is never flat white: a pale grey field with two soft blooms, so white glass reads as panels floating over it.
- Inter for everything, self-hosted so the kit works offline.
- Rules the kit carries: no bento grids, no accent bars, no hover lift, and summary stats in one card with hairline cells.