n:registry · v0.1.0 · 10 items

Stop rewriting the same components.

n:registry is a small, opinionated shadcn registry. The compound primitives you keep rewriting — color picker, icon picker, comparison slider, date range, dynamic filter bar — built once, ready to install with the CLI you already use.

Open Storybook Browse the index

Stack: React 19
Build: shadcn CLI
Types: Strict
Items: 10

~/my-app — pnpm

zsh

$ pnpm dlx shadcn@latest add @crytec/rating

✔ Resolved registry @crytec
✔ Fetched rating (1 file, 2 deps)
✔ Installed @shadcn/utils, lucide-react
✔ Wrote components/ui/rating.tsx

Done in 1.2s.
▍

one command · zero refactor

The index

Everything in the registry.

10/10 components

ui/

Components

08 items

01.
CodeBlock
ui/codeblock
A compound code block component with syntax highlighting, multi-file tabs, copy button, and customizable themes.
codecontent
02.
Comparison
ui/comparison
An interactive image comparison component with hover and drag modes.
mediainteraction
03.
IconPicker
ui/iconpicker
A compound component for selecting icons from Lucide React with search, preview, and optimized rendering.
formsicons
04.
ColorPicker
ui/colorpicker
A customizable color picker with hex, rgb, and hsl formats, eye dropper, and preset colors.
formscolor
05.
Rating
ui/rating
An accessible rating component with half-value support, keyboard navigation, and form integration.
formsfeedback
06.
DateRangePicker
ui/date-range-picker
A date range picker with dual-month calendar, presets, external navigation, URL sync, and form integration.
formsdate
07.
DynamicFilterBar
ui/dynamic-filterbar
A powerful, flexible filter bar with search, multi-operator support, sorting, URL sync, and optional async option fetching.
dataforms
08.
Timeline
ui/timeline
A composable status timeline with extensible statuses, vertical/horizontal layouts, auto-ticking progress, and connector variants.
datafeedback

hooks/

Hooks

01 item

09.
useMounted
hooks/use-mounted
A hook that returns true if the component has mounted. Useful for SSR hydration.
hooksssr

blocks/

Blocks

01 item

10.
Example Form
blocks/example-form
A contact form with Zod validation and React Hook Form integration.
formsblocks

Three commitments

What makes this registry worth keeping.

01/

Built for shadcn.

Same CLI, same components.json, same overwrites. Items resolve through the official shadcn registry contract — no custom installer, no lock-in.

02/

Battle-tested in production.

These components ship in production at Crytec. They handle the gnarly edge cases — keyboard nav, RTL, controlled and uncontrolled state, SSR — that you would otherwise have to find and fix yourself.

03/

Storybook-first docs.

Every item has live previews, prop controls, source tabs, and copyable install commands across pnpm, npm, yarn, and bun. The docs are the demo.

One-time setup

Register the `@crytec` namespace.

Drop this into your components.json. After that, every install command in the index above resolves through the official shadcn CLI.

shadcn registry docs·Direct URL installs work without setup