@vernostudio

The full OKLCH scale plus every variable shadcn components read, so anything you install lands on the same tokens instead of its own colors.

5 components react shadcn-cli MIT

website ↗ github ↗ registry ↗ agent brief (.md) ↗

Install this registry

shadcn (npm) npx shadcn@latest add https://verno-studio.vercel.app/r/registry.json

pnpm pnpm dlx shadcn@latest add https://verno-studio.vercel.app/r/registry.json

bun bunx shadcn@latest add https://verno-studio.vercel.app/r/registry.json

fetch registry curl -s https://verno-studio.vercel.app/r/registry.json

Components

5 total

Theme theme

The color scale plus the variables shadcn components read, so a component from either registry agrees with the other on what --background means.

npx shadcn@latest add https://verno-studio.vercel.app/r/theme.json

Badge ui

A label for the metadata a reader scans rather than reads. Eight hues with a low-contrast pair each, plus inverted and the house gradient, in three sizes with …

npx shadcn@latest add https://verno-studio.vercel.app/r/badge.json

File Tree ui

A directory listing with collapsible folders, built from nested disclosures rather than a tree role.

npx shadcn@latest add https://verno-studio.vercel.app/r/file-tree.json

JSON View ui

A collapsible tree for inspecting a JSON payload, with syntax roles, search highlighting and the full ARIA tree keyboard model.

npx shadcn@latest add https://verno-studio.vercel.app/r/json-view.json

Spinner ui

A wireframe atom that assembles itself and then turns in space: three orbits arrive one per beat, then the whole thing turns as one. Three sizes, in the curren…

npx shadcn@latest add https://verno-studio.vercel.app/r/spinner.json