
Installs all 124 components. Without our CLI, run instead.
000h-cojeev publishes a shadcn registry at 000h.cojeev.com, with 124 components installable through the shadcn CLI.
Copy a prompt for your agent, copy the install command, or open the docs that ship it.
Artwork, not a screenshot — the seed mark, the pigment stage and a profile card drawn in the library's own tokens. The components themselves move: open the live gallery.
Expressive React components with organic shapes, purposeful motion, and source you can make your own.
173 installable components, MIT licensed and shadcn-compatible, with no dependency on the private Cojeev application. You add one entry at a time and the source lands in your project, where it is yours to change.
Website · Browse components · Work with Sanjay
You need React 19, TypeScript, Tailwind CSS v4 and an initialized shadcn project with an @/ alias.
npx shadcn@latest add https://000h.cojeev.com/r/button.json
import { Button } from "@/components/ui/button";
export function ContinueAction() {
return Continue;
}
The added stylesheet carries both light and dark token values. Choose one with document.documentElement.dataset.mode = "dark". Installation details cover the @cojeev registry configuration, theming and the fresh-install check.
A still of the homepage gallery in this release, rendered from this repository's source. On the page itself each tile is the installed component, running.
| Component | How it feels |
|---|---|
Slider | The track answers the value. A rubber strand rests thick over a short span and stretches thin as you pull it wide. |
MotionDrawer | Drag it shut from any non-interactive area — buttons and links never start one. Stacked panels keep half-filled fields while they wait behind. |
BentoGrid | Rounded cards, or one continuous puzzle whose tiles share seeded edges. Change the seed and the seams redraw while every tile and label stays put. |
Command | Type to narrow, arrow through, press to run — or open the same list over the page as a palette. |
Motion here is a setting, not a decoration. Nine motion characters change how a control answers a press. Motion Off and the system's reduced-motion preference are designed to leave an interface complete and still rather than broken, and decorative backgrounds and WebGL sculptures are built to stop work offscreen and fall back to a static rendering. Each component's guide records what it does and where that stops — read the guide beside the component you install.
Developing this repository
Node.js 22.12 or newer, as declared in engines. Continuous integration pins 22.22.0.
npm ci
npm run dev -- --port 4320
npm run lint && npm run typecheck && npm test && npm run build
npm run check:examples # every copyable example still compiles
npm run gate # the built catalogue at three widths, both themes
Pull requests, and pushes to main, run lint, typecheck, the unit and worker test suites, then build a matched beta and production pair from the same commit, check each against its hosting content-security policy, run the browser gates, and verify a fresh consumer installation from each artifact. On main, beta deploys first and production promotes that same verified artifact after environment approval.
CONTRIBUTING.md describes what a new component needs.
Repository map: registry/cojeev/ holds the installable component source, app/ and
components/ the documentation site, scripts/ and apps/gate/ the verification
commands, tests/ their tests, and reference/ the supplied design system and
upstream references. Additional guides cover installation,
fonts, strict TypeScript integration and the design system.
Library code is MIT. The bundled DM Sans and Bricolage Grotesque keep their SIL Open Font Licences, and the icon geometry files keep the Lucide and Feather notices inside them — preserve those when you copy the source. The supplied design system stays in reference/cojeev-handoff-v4 for type, spacing, colour roles and shape language; production components import none of its CSS or JavaScript.
Documentation is built with Fumadocs; registry tooling is shadcn.
Built by Sanjay Kumar. Work with me · github.com/luv-jeri/cojeev-ui
The packages and primitives its components pull in, counted across the registry.
Every appearance and removal our crawl has seen in the registry index.
000h-cojeev is a component library on 21st.dev by luv-jeri with 3 public React components. Every component ships with a live interactive preview and full TSX source — copy the code, install it through the shadcn CLI, or pull it into Cursor or Claude Code over MCP.