---
name: "@000h-cojeev"
slug: "000h-cojeev"
description: "Expressive React components with organic shapes, purposeful motion, and source you can make your own."
category: "Animated components"
tags: ["ai", "animation", "auth", "backgrounds", "blocks", "buttons", "cards", "charts", "dashboard", "forms", "glassmorphism", "icons", "media", "navigation", "onboarding", "overlays", "retro", "tables"]
framework: "react"
license: "MIT"
author: "luv-jeri"
website: "https://000h.cojeev.com"
github: "https://github.com/luv-jeri/cojeev-ui"
registry: "https://000h.cojeev.com/r/registry.json"
pro: false
pro_url: null
github_stars: 7
component_count: 174
generated_at: "2026-09-21T01:50:16.753Z"
---

# @000h-cojeev

Expressive React components with organic shapes, purposeful motion, and source you can make your own.

## Links

- Website: https://000h.cojeev.com
- GitHub: https://github.com/luv-jeri/cojeev-ui
- Registry JSON: https://000h.cojeev.com/r/registry.json
- Directory page: https://sh4dcn.vercel.app/registry/000h-cojeev
- This file: https://sh4dcn.vercel.app/md/000h-cojeev.md

## Install

```sh
# add the whole registry (shadcn CLI)
npx shadcn@latest add https://000h.cojeev.com/r/registry.json
pnpm dlx shadcn@latest add https://000h.cojeev.com/r/registry.json
bunx shadcn@latest add https://000h.cojeev.com/r/registry.json
# clone the source repo
git clone https://github.com/luv-jeri/cojeev-ui.git
# fetch the raw registry index
curl -s https://000h.cojeev.com/r/registry.json
```

## Components (174)

| name | type | description | install |
| --- | --- | --- | --- |
| cojeev | registry:base | Cojeev tokens, fonts, reset, and Tailwind v4 theme bridge. | `npx shadcn@latest add https://000h.cojeev.com/r/cojeev.json` |
| accordion | registry:ui | Organizes related sections into expandable panels so readers can open the details they need. | `npx shadcn@latest add https://000h.cojeev.com/r/accordion.json` |
| accordion-gallery | registry:ui | A selected image panel opens to reveal its label, story and action. | `npx shadcn@latest add https://000h.cojeev.com/r/accordion-gallery.json` |
| action-dock | registry:ui | A reusable action dock composed from Cojeev base components. | `npx shadcn@latest add https://000h.cojeev.com/r/action-dock.json` |
| activity-feed | registry:ui | An ordered, date-grouped history with a quiet connecting margin, readable actors and timestamps, and updates that keep your place. | `npx shadcn@latest add https://000h.cojeev.com/r/activity-feed.json` |
| adjuster | registry:ui | Provides live controls for the shared motion settings and editable body profiles used across the library. | `npx shadcn@latest add https://000h.cojeev.com/r/adjuster.json` |
| agent-chat | registry:ui | A composable agent conversation with a bounded thread, draft composer, attachments, progress, explicit permissions and choice prompts. | `npx shadcn@latest add https://000h.cojeev.com/r/agent-chat.json` |
| agent-state | registry:ui | A sculpted, living status field that changes contour and color as an agent thinks, works, asks for input, or finishes. | `npx shadcn@latest add https://000h.cojeev.com/r/agent-state.json` |
| alert | registry:ui | An authored note, attached-action banner or folded dispatch that makes the message and its next step clear. | `npx shadcn@latest add https://000h.cojeev.com/r/alert.json` |
| alert-dialog | registry:ui | Pauses a workflow for a focused confirmation before a consequential action proceeds. | `npx shadcn@latest add https://000h.cojeev.com/r/alert-dialog.json` |
| ambient-background | registry:ui | Adds a quiet animated composition around content, with decorative shapes kept behind a readable surface. | `npx shadcn@latest add https://000h.cojeev.com/r/ambient-background.json` |
| animated-icon | registry:ui | Replayable micro-interactions for the full Cojeev icon library, with semantic motion families and optional visual treatments. | `npx shadcn@latest add https://000h.cojeev.com/r/animated-icon.json` |
| animated-number | registry:ui | A smooth, interruptible number transition for totals, metrics and small moments of progress. | `npx shadcn@latest add https://000h.cojeev.com/r/animated-number.json` |
| appearance | registry:ui | Choose from six coordinated palettes and adjust reading contrast across the application. | `npx shadcn@latest add https://000h.cojeev.com/r/appearance.json` |
| area-chart | registry:ui | Layered area charts with shared series colors, responsive bounds and a keyboard data inspector. | `npx shadcn@latest add https://000h.cojeev.com/r/area-chart.json` |
| article-headings | registry:ui | Semantic article headings resolve through a brief, grapheme-safe noise frontier. | `npx shadcn@latest add https://000h.cojeev.com/r/article-headings.json` |
| aspect-ratio | registry:ui | Keeps a media container at a chosen width-to-height ratio as its available width changes. | `npx shadcn@latest add https://000h.cojeev.com/r/aspect-ratio.json` |
| assembly-part | registry:ui | A persistent native component moving between a floating organism and its measured layout. | `npx shadcn@latest add https://000h.cojeev.com/r/assembly-part.json` |
| attachment | registry:ui | Presents a file name, type, metadata, and nearby actions as a compact attachment row. | `npx shadcn@latest add https://000h.cojeev.com/r/attachment.json` |
| avatar | registry:ui | Portraits, identity rows and participant groups that keep the person recognizable—with artwork, initials and independent shape choices. | `npx shadcn@latest add https://000h.cojeev.com/r/avatar.json` |
| badge | registry:ui | Stamp a review state, attach a filing tag or count a collection. Three compact treatments with one clear meaning in text. | `npx shadcn@latest add https://000h.cojeev.com/r/badge.json` |
| bar-chart | registry:ui | Compare series with grouped, stacked or horizontal bars and a shared interactive tooltip. | `npx shadcn@latest add https://000h.cojeev.com/r/bar-chart.json` |
| bento-builder | registry:ui | An editable Bento canvas with complete partitions, content swapping, snapped neighbor resizing, history and usable layout export. | `npx shadcn@latest add https://000h.cojeev.com/r/bento-builder.json` |
| bento-grid | registry:ui | A complete canvas of rounded cards or organically interlocking pieces. Compose a layout, then install just the lightweight renderer. | `npx shadcn@latest add https://000h.cojeev.com/r/bento-grid.json` |
| breadcrumb | registry:ui | Find your place with a complete trail, a pocket-sized ancestor menu or a connected directory path. | `npx shadcn@latest add https://000h.cojeev.com/r/breadcrumb.json` |
| bubble | registry:ui | Groups conversational content and timestamps into visually distinct message bubbles. | `npx shadcn@latest add https://000h.cojeev.com/r/bubble.json` |
| button | registry:ui | Triggers an action with native button behavior and an optional busy indicator. | `npx shadcn@latest add https://000h.cojeev.com/r/button.json` |
| button-group | registry:ui | Places related actions together and can track one selected button value. | `npx shadcn@latest add https://000h.cojeev.com/r/button-group.json` |
| buy-me-coffee | registry:ui | A support poster reveals an inviting cup illustration and a real caller destination. | `npx shadcn@latest add https://000h.cojeev.com/r/buy-me-coffee.json` |
| calendar | registry:ui | Choose one appointment day, a continuous date range, or separate days in an accessible month grid. | `npx shadcn@latest add https://000h.cojeev.com/r/calendar.json` |
| card | registry:ui | Groups related content, metadata, and actions into a distinct surface. | `npx shadcn@latest add https://000h.cojeev.com/r/card.json` |
| caret-swap | registry:ui | A colored caret block consumes a phrase before typing its replacement in whole graphemes. | `npx shadcn@latest add https://000h.cojeev.com/r/caret-swap.json` |
| carousel | registry:ui | Browse a peeking shelf, a full reading spread or a miniature index of ideas, with native scrolling and a shared organic scrollbar. | `npx shadcn@latest add https://000h.cojeev.com/r/carousel.json` |
| chart | registry:ui | Compose an understandable chart from a frame, labelled series, inspectable plot and accessible values. | `npx shadcn@latest add https://000h.cojeev.com/r/chart.json` |
| chart-tooltip | registry:ui | Compare a point, read its known subtotal or rank its series. Values update in place and keep their series colours. | `npx shadcn@latest add https://000h.cojeev.com/r/chart-tooltip.json` |
| checkbox | registry:ui | Captures an independent checked, unchecked, or indeterminate choice. | `npx shadcn@latest add https://000h.cojeev.com/r/checkbox.json` |
| click-spark | registry:ui | A finite spray of accent marks responds to a real activation. | `npx shadcn@latest add https://000h.cojeev.com/r/click-spark.json` |
| code-block | registry:ui | Displays a code snippet with an optional caption, language label, wrapping, and copy feedback. | `npx shadcn@latest add https://000h.cojeev.com/r/code-block.json` |
| collapsible | registry:ui | Shows or hides one optional section without leaving the surrounding layout. | `npx shadcn@latest add https://000h.cojeev.com/r/collapsible.json` |
| combobox | registry:ui | Filters a list of options through text input and stores one selected value. | `npx shadcn@latest add https://000h.cojeev.com/r/combobox.json` |
| command | registry:ui | Builds a searchable command list that users can navigate and activate from the keyboard. | `npx shadcn@latest add https://000h.cojeev.com/r/command.json` |
| compact-dashboard | registry:ui | Historical compatibility alias for WorkSidePanel; use the dedicated panel composition in new work. | `npx shadcn@latest add https://000h.cojeev.com/r/compact-dashboard.json` |
| context-menu | registry:ui | Reveals contextual actions for a target through a context-menu interaction. | `npx shadcn@latest add https://000h.cojeev.com/r/context-menu.json` |
| contour-field | registry:ui | Original topographic lines on the inherited paper surface, with a bounded GPU renderer. | `npx shadcn@latest add https://000h.cojeev.com/r/contour-field.json` |
| contours-background | registry:ui | Nested organic contour lines with generous space between islands. | `npx shadcn@latest add https://000h.cojeev.com/r/contours-background.json` |
| conversation-panel | registry:ui | A reusable conversation panel composed from Cojeev base components. | `npx shadcn@latest add https://000h.cojeev.com/r/conversation-panel.json` |
| data-table | registry:ui | Displays records with client-side filtering, sortable columns, and paginated rows. | `npx shadcn@latest add https://000h.cojeev.com/r/data-table.json` |
| date-picker | registry:ui | Choose one day, a range, or multiple dates from a labelled field and calendar popover. | `npx shadcn@latest add https://000h.cojeev.com/r/date-picker.json` |
| depth-background | registry:ui | Layered pollen, contours and orbital shapes with perspective, native-scroll depth and pointer response. | `npx shadcn@latest add https://000h.cojeev.com/r/depth-background.json` |
| dialog | registry:ui | A decision slip, focused editor or illustrated exhibit. Give one task your attention without losing your place. | `npx shadcn@latest add https://000h.cojeev.com/r/dialog.json` |
| direction | registry:ui | Sets a text direction for a subtree and shares it with direction-aware primitives. | `npx shadcn@latest add https://000h.cojeev.com/r/direction.json` |
| dither-dissolve | registry:ui | Caller scenes exchange beneath a deterministic ordered dither cover. | `npx shadcn@latest add https://000h.cojeev.com/r/dither-dissolve.json` |
| dither-sculpture | registry:ui | Depth-tested sculptural forms printed as ordered dots, halftone, error diffusion or stipple. | `npx shadcn@latest add https://000h.cojeev.com/r/dither-sculpture.json` |
| dock | registry:ui | A compact workspace launcher with a magnifying glass bar, raised shelf and labelled vertical rail. | `npx shadcn@latest add https://000h.cojeev.com/r/dock.json` |
| dots-background | registry:ui | An evenly spaced field of fine points for quiet, familiar structure. | `npx shadcn@latest add https://000h.cojeev.com/r/dots-background.json` |
| drawer | registry:ui | Presents dialog content in a drawer surface while keeping the current page underneath. | `npx shadcn@latest add https://000h.cojeev.com/r/drawer.json` |
| dropdown-menu | registry:ui | Opens a compact menu of actions or stateful choices from a visible trigger. | `npx shadcn@latest add https://000h.cojeev.com/r/dropdown-menu.json` |
| dropzone | registry:ui | Collects local files through drag and drop or a native file picker and reports the selection. | `npx shadcn@latest add https://000h.cojeev.com/r/dropzone.json` |
| elastic-mesh | registry:ui | A triangulated printed sheet stretches toward the pointer and springs home. | `npx shadcn@latest add https://000h.cojeev.com/r/elastic-mesh.json` |
| empty | registry:ui | Explains an empty collection or unavailable result and creates space for a useful next step. | `npx shadcn@latest add https://000h.cojeev.com/r/empty.json` |
| falling-text | registry:ui | Measured word rectangles fall, collide and settle inside a bounded stage. | `npx shadcn@latest add https://000h.cojeev.com/r/falling-text.json` |
| field | registry:ui | Connects a form control with its label, description, and validation message. | `npx shadcn@latest add https://000h.cojeev.com/r/field.json` |
| float-layer | registry:ui | An entrance, scroll depth and gentle idle movement for a real component or a group of elements. | `npx shadcn@latest add https://000h.cojeev.com/r/float-layer.json` |
| flow-sculpture | registry:ui | A rendered form responds to pointer strokes through a fluid distortion field. | `npx shadcn@latest add https://000h.cojeev.com/r/flow-sculpture.json` |
| focus-session | registry:ui | A local focus timer composed from Cojeev cards, progress, badges and native controls. | `npx shadcn@latest add https://000h.cojeev.com/r/focus-session.json` |
| folds-background | registry:ui | Quiet faceted planes inspired by folded paper, without busy linework. | `npx shadcn@latest add https://000h.cojeev.com/r/folds-background.json` |
| ghost-cursor | registry:ui | A translucent ink impression follows a local pointer with soft inertia. | `npx shadcn@latest add https://000h.cojeev.com/r/ghost-cursor.json` |
| glass-sculpture | registry:ui | Translucent geometry bends an original patterned studio through a softly lit glass surface. | `npx shadcn@latest add https://000h.cojeev.com/r/glass-sculpture.json` |
| glyph-sculpture | registry:ui | A real 3D surface drawn with glyphs, optional contour marks and your own local geometry. | `npx shadcn@latest add https://000h.cojeev.com/r/glyph-sculpture.json` |
| grain-dissolve | registry:ui | Caller scenes dissolve through a grainy pigment field with a soft focus exchange. | `npx shadcn@latest add https://000h.cojeev.com/r/grain-dissolve.json` |
| grid-background | registry:ui | Hairline rules that give canvases and working surfaces a gentle rhythm. | `npx shadcn@latest add https://000h.cojeev.com/r/grid-background.json` |
| guided-pointer | registry:ui | An illustrated pointer moves between story waypoints, with a small arrival or hold cue. | `npx shadcn@latest add https://000h.cojeev.com/r/guided-pointer.json` |
| hero-button | registry:ui | Twelve tactile calls to action: living ink, paper, keys, tickets and small moments of motion around one native button. | `npx shadcn@latest add https://000h.cojeev.com/r/hero-button.json` |
| hover-card | registry:ui | A person, an excerpt or a small visual study—three considered previews, close to the thing you are exploring. | `npx shadcn@latest add https://000h.cojeev.com/r/hover-card.json` |
| icon | registry:ui | 1,722 icon names with Cojeev micro-interactions, outline, duotone and organic treatments, built on Lucide geometry. | `npx shadcn@latest add https://000h.cojeev.com/r/icon.json` |
| image-masking | registry:ui | Caller images are framed by original Cojeev silhouettes using CSS masks or SVG clip paths. | `npx shadcn@latest add https://000h.cojeev.com/r/image-masking.json` |
| image-trail | registry:ui | Distance-triggered image impressions follow the pointer and fade away. | `npx shadcn@latest add https://000h.cojeev.com/r/image-trail.json` |
| infinite-spiral | registry:ui | Helical image cards recycle through depth with explicit previous, next and pause controls. | `npx shadcn@latest add https://000h.cojeev.com/r/infinite-spiral.json` |
| ink-sculpture | registry:ui | Hatched and engraved marks follow the light and relief of a 3D form. | `npx shadcn@latest add https://000h.cojeev.com/r/ink-sculpture.json` |
| input | registry:ui | Collects a single-line value through a native input with optional composed affixes and clearing controls. | `npx shadcn@latest add https://000h.cojeev.com/r/input.json` |
| input-group | registry:ui | Combines a text control with adjacent prefixes, suffixes, or actions in one input surface. | `npx shadcn@latest add https://000h.cojeev.com/r/input-group.json` |
| input-otp | registry:ui | Presents a single code input as a sequence of visible character slots. | `npx shadcn@latest add https://000h.cojeev.com/r/input-otp.json` |
| invite-card | registry:ui | An event invitation with participant avatars and a reversible local RSVP, composed from Cojeev primitives. | `npx shadcn@latest add https://000h.cojeev.com/r/invite-card.json` |
| item | registry:ui | A notebook ledger, an illustrated collection or an actionable detail. Three readable arrangements for the things you want to keep together. | `npx shadcn@latest add https://000h.cojeev.com/r/item.json` |
| item-adornment | registry:ui | Coloured organic shapes for list items, with deterministic automatic selection and custom icon or no-icon options. | `npx shadcn@latest add https://000h.cojeev.com/r/item-adornment.json` |
| kbd | registry:ui | Formats a key or key combination as a recognizable keyboard instruction. | `npx shadcn@latest add https://000h.cojeev.com/r/kbd.json` |
| label | registry:ui | Provides a native form label plus compact stat-label primitives for named values. | `npx shadcn@latest add https://000h.cojeev.com/r/label.json` |
| line-chart | registry:ui | Track changes using linear, smooth or step lines with accessible point inspection. | `npx shadcn@latest add https://000h.cojeev.com/r/line-chart.json` |
| linear-modal | registry:ui | Follow a card, image and title into a full detail, then back. Card, Centered and browsable Gallery preserve the reference's shared-layout journey. | `npx shadcn@latest add https://000h.cojeev.com/r/linear-modal.json` |
| living-link | registry:ui | A native link with a drawn ink contour, directional underline reveals, or an organic pigment wash. | `npx shadcn@latest add https://000h.cojeev.com/r/living-link.json` |
| magic-rings | registry:ui | Open concentric rings expand in Cojeev colors and respond to pointer position. | `npx shadcn@latest add https://000h.cojeev.com/r/magic-rings.json` |
| marker | registry:ui | Separates or annotates a sequence with a short event, status, or time label. | `npx shadcn@latest add https://000h.cojeev.com/r/marker.json` |
| marquee | registry:ui | A measured moving list with optional perspective and a rhythm that follows scrolling. | `npx shadcn@latest add https://000h.cojeev.com/r/marquee.json` |
| menubar | registry:ui | Groups application commands into a horizontal row of keyboard-navigable menus. | `npx shadcn@latest add https://000h.cojeev.com/r/menubar.json` |
| message | registry:ui | Structures a conversational or activity entry with a main content area and supporting description. | `npx shadcn@latest add https://000h.cojeev.com/r/message.json` |
| message-scroller | registry:ui | Keeps a conversation near its latest content while allowing readers to scroll back without being pulled down. | `npx shadcn@latest add https://000h.cojeev.com/r/message-scroller.json` |
| meta-balls | registry:ui | Moving scalar-field bodies merge and separate through liquid contours. | `npx shadcn@latest add https://000h.cojeev.com/r/meta-balls.json` |
| milestone-path | registry:ui | Follow caller-owned progress as a connected Journey, a scrollable Sequence or a compact checkpoint Review. | `npx shadcn@latest add https://000h.cojeev.com/r/milestone-path.json` |
| motion-drawer | registry:ui | A reference-faithful edge drawer, floating quick panel, layered workspace and bottom action tray. | `npx shadcn@latest add https://000h.cojeev.com/r/motion-drawer.json` |
| multi-select | registry:ui | Searchable multiple choices with removable selections, form values and clear validation. | `npx shadcn@latest add https://000h.cojeev.com/r/multi-select.json` |
| native-select | registry:ui | Uses the browser’s native select control to choose from a compact list of options. | `npx shadcn@latest add https://000h.cojeev.com/r/native-select.json` |
| navigation-menu | registry:ui | Organizes destination links and optional expandable navigation panels. | `npx shadcn@latest add https://000h.cojeev.com/r/navigation-menu.json` |
| number-input | registry:ui | A number field with readable formatting, a native editing caret and expressive stepping. | `npx shadcn@latest add https://000h.cojeev.com/r/number-input.json` |
| option-wheel | registry:ui | A paper dial, aligned reel or compact readout for choosing one direction with pointer, wheel or keyboard. | `npx shadcn@latest add https://000h.cojeev.com/r/option-wheel.json` |
| orbit-images | registry:ui | An orbit of supplied images frames stationary content. | `npx shadcn@latest add https://000h.cojeev.com/r/orbit-images.json` |
| organism-assembly | registry:ui | An interactive studio that gathers floating shapes into six reusable compositions. | `npx shadcn@latest add https://000h.cojeev.com/r/organism-assembly.json` |
| organism-composition | registry:ui | Six useful compositions made from persistent Cojeev base components, with organic assembly and native controls. | `npx shadcn@latest add https://000h.cojeev.com/r/organism-composition.json` |
| pagination | registry:ui | Lets users move between numbered pages and see their current position. | `npx shadcn@latest add https://000h.cojeev.com/r/pagination.json` |
| particle-sculpture | registry:ui | A cloud sampled from a real surface yields to the pointer and springs back into form. | `npx shadcn@latest add https://000h.cojeev.com/r/particle-sculpture.json` |
| particle-text | registry:ui | Particles sampled from real glyph pixels gather into a readable phrase and repel the local pointer. | `npx shadcn@latest add https://000h.cojeev.com/r/particle-text.json` |
| pattern-background | registry:ui | Eight distinct, lightweight backgrounds behind content, with a plain option and adjustable spacing, color and strength. | `npx shadcn@latest add https://000h.cojeev.com/r/pattern-background.json` |
| pebbles-background | registry:ui | Sparse, softly irregular pebble outlines distributed across the surface. | `npx shadcn@latest add https://000h.cojeev.com/r/pebbles-background.json` |
| pie-chart | registry:ui | Show proportions using themed pie and donut layouts, with readable totals and segment inspection. | `npx shadcn@latest add https://000h.cojeev.com/r/pie-chart.json` |
| pigment-field | registry:ui | An original GPU pigment wash using the current Cojeev palette. | `npx shadcn@latest add https://000h.cojeev.com/r/pigment-field.json` |
| pixel-swap | registry:ui | A staggered tile mask exchanges two compositions without duplicating their interactive content. | `npx shadcn@latest add https://000h.cojeev.com/r/pixel-swap.json` |
| popover | registry:ui | Places a dismissible panel next to a trigger for a small contextual task or set of controls. | `npx shadcn@latest add https://000h.cojeev.com/r/popover.json` |
| portal-field | registry:ui | An organically warped luminous halo with a soft chromatic fringe behind real content. | `npx shadcn@latest add https://000h.cojeev.com/r/portal-field.json` |
| presence | registry:ui | MotionPresence keeps keyed children mounted for their exits. MotionSurface adds coordinated lifecycle states to an existing primitive. | `npx shadcn@latest add https://000h.cojeev.com/r/presence.json` |
| preview | registry:ui | Pairs a live component example with a code view and a copy action. | `npx shadcn@latest add https://000h.cojeev.com/r/preview.json` |
| profile-card | registry:ui | A reusable profile card composed from Cojeev base components. | `npx shadcn@latest add https://000h.cojeev.com/r/profile-card.json` |
| progress | registry:ui | One measured amount, explained as an inline task, a small report or connected milestones—with independent organic track geometry. | `npx shadcn@latest add https://000h.cojeev.com/r/progress.json` |
| questionnaire | registry:ui | A little guided brief: open questions, a focused journey or a two-column worksheet with living choice marks and honest completion progress. | `npx shadcn@latest add https://000h.cojeev.com/r/questionnaire.json` |
| radar-chart | registry:ui | Compare several dimensions with a shared radar scale and contextual series highlighting. | `npx shadcn@latest add https://000h.cojeev.com/r/radar-chart.json` |
| radial-chart | registry:ui | Show progress against a shared maximum using full rings or semicircles. | `npx shadcn@latest add https://000h.cojeev.com/r/radial-chart.json` |
| radio-group | registry:ui | Lets users select one option from a labeled set of mutually exclusive choices. | `npx shadcn@latest add https://000h.cojeev.com/r/radio-group.json` |
| reading-trail | registry:ui | Keep your place with a connected spine, an expandable bookmark or a descriptive chapter overview—all following actual reading progress. | `npx shadcn@latest add https://000h.cojeev.com/r/reading-trail.json` |
| resizable | registry:ui | Divides a region into panels whose relative sizes can be adjusted with a separator. | `npx shadcn@latest add https://000h.cojeev.com/r/resizable.json` |
| ripple-distortion | registry:ui | Pointer impulses send expanding waves through a textured print. | `npx shadcn@latest add https://000h.cojeev.com/r/ripple-distortion.json` |
| scroll-area | registry:ui | Contains overflowing content in a bounded viewport with styled scrollbars. | `npx shadcn@latest add https://000h.cojeev.com/r/scroll-area.json` |
| scroll-expand | registry:ui | A framed composition opens as native scroll or controlled progress advances. | `npx shadcn@latest add https://000h.cojeev.com/r/scroll-expand.json` |
| scroll-organism | registry:ui | A softly stretching companion driven by native document scrolling. | `npx shadcn@latest add https://000h.cojeev.com/r/scroll-organism.json` |
| scroll-reveal | registry:ui | Native scroll progress resolves word opacity and blur while leveling the phrase. | `npx shadcn@latest add https://000h.cojeev.com/r/scroll-reveal.json` |
| sculpture-orbit | registry:ui | A shared sculpture viewer with pointer rotation, touch-friendly navigation and complete keyboard controls. | `npx shadcn@latest add https://000h.cojeev.com/r/sculpture-orbit.json` |
| select | registry:ui | Opens a list of options from a trigger and stores one selected value. | `npx shadcn@latest add https://000h.cojeev.com/r/select.json` |
| semantic-bloom | registry:ui | A living wordmark whose particles wander, connect and gather into a liquid organism. Adapted from ThreeUI with Cojeev colors and motion controls. | `npx shadcn@latest add https://000h.cojeev.com/r/semantic-bloom.json` |
| separator | registry:ui | Divides adjacent content with a horizontal or vertical rule. | `npx shadcn@latest add https://000h.cojeev.com/r/separator.json` |
| shape | registry:ui | One shape studio: twelve compatible living contours, layered artwork and the complete original mask inventory. Compose it here, then take the SVG or React code. | `npx shadcn@latest add https://000h.cojeev.com/r/shape.json` |
| shape-artwork | registry:ui | An original SVG silhouette with a cast shadow and a rotated rear outline. The same vector layers power its live preview and standalone SVG export. | `npx shadcn@latest add https://000h.cojeev.com/r/shape-artwork.json` |
| shape-scene | registry:ui | A tactile 3D composition made from Cojeev shapes, with a static fallback and motion preferences built in. | `npx shadcn@latest add https://000h.cojeev.com/r/shape-scene.json` |
| sheet | registry:ui | Opens a side surface for focused secondary content while the current page remains in place. | `npx shadcn@latest add https://000h.cojeev.com/r/sheet.json` |
| sidebar | registry:ui | A paper folio, a readable compact index and a motion drawer. Three calm ways to keep the same workspace within reach. | `npx shadcn@latest add https://000h.cojeev.com/r/sidebar.json` |
| skeleton | registry:ui | Give unavailable content a useful outline: a reading page, a person or a board of ideas, with three quiet-safe paint effects. | `npx shadcn@latest add https://000h.cojeev.com/r/skeleton.json` |
| slider | registry:ui | Adjusts one or more numeric values by moving labeled thumbs along a track. | `npx shadcn@latest add https://000h.cojeev.com/r/slider.json` |
| spinner | registry:ui | Three indeterminate signals: a morphing Bloom, gathering Orbit or handing-off Relay. The original small seed stays the default. | `npx shadcn@latest add https://000h.cojeev.com/r/spinner.json` |
| sprouts-background | registry:ui | Small paired leaves and seed-like marks with plenty of open space. | `npx shadcn@latest add https://000h.cojeev.com/r/sprouts-background.json` |
| stepper | registry:ui | Move a real draft through connected stages, a descriptive checkpoint ledger or a focused current-step workspace. | `npx shadcn@latest add https://000h.cojeev.com/r/stepper.json` |
| strands | registry:ui | A bundle of colored ribbons moves through a bounded sine field. | `npx shadcn@latest add https://000h.cojeev.com/r/strands.json` |
| sunwash-background | registry:ui | Broad, soft pools of color that leave the content in focus. | `npx shadcn@latest add https://000h.cojeev.com/r/sunwash-background.json` |
| swapy | registry:ui | Cards swap positions through a drag handle or keyboard controls and retain their order in React state. | `npx shadcn@latest add https://000h.cojeev.com/r/swapy.json` |
| swarm-cursor | registry:ui | A local flock of colored seeds follows the pointer and scatters on activation. | `npx shadcn@latest add https://000h.cojeev.com/r/swarm-cursor.json` |
| switch | registry:ui | Turns a named binary setting on or off. | `npx shadcn@latest add https://000h.cojeev.com/r/switch.json` |
| table | registry:ui | Scan a compact ledger, explore detailed records or compare them side by side. One Tables guide for native parts and the composed DataTable. | `npx shadcn@latest add https://000h.cojeev.com/r/table.json` |
| tabs | registry:ui | Switches between related content panels while keeping the available views visible. | `npx shadcn@latest add https://000h.cojeev.com/r/tabs.json` |
| target-cursor | registry:ui | Local corner brackets follow real controls on hover and keyboard focus. | `npx shadcn@latest add https://000h.cojeev.com/r/target-cursor.json` |
| text-reveal | registry:ui | Readable word, grapheme, phrase or measured-line arrivals with soft focus, fold and organic scale choices. | `npx shadcn@latest add https://000h.cojeev.com/r/text-reveal.json` |
| text-ribbon | registry:ui | A measured phrase follows six original SVG paths, with direct manipulation and gentle changes of pace. | `npx shadcn@latest add https://000h.cojeev.com/r/text-ribbon.json` |
| textarea | registry:ui | Collects multiline text and offers composer and character-count parts for longer input. | `npx shadcn@latest add https://000h.cojeev.com/r/textarea.json` |
| theme-toggle | registry:ui | A controlled light/dark switch with a morphing sun and moon and a smooth organic page reveal. | `npx shadcn@latest add https://000h.cojeev.com/r/theme-toggle.json` |
| toast | registry:ui | Reports a brief outcome in a notification area without moving the user away from the current task. | `npx shadcn@latest add https://000h.cojeev.com/r/toast.json` |
| toggle | registry:ui | A small action with a lasting state: a toolbar tool, a paper bookmark or a descriptive preference. Native targets stay put while the painted surface responds. | `npx shadcn@latest add https://000h.cojeev.com/r/toggle.json` |
| toggle-group | registry:ui | Groups pressable choices that can allow one or several selected values. | `npx shadcn@latest add https://000h.cojeev.com/r/toggle-group.json` |
| tooltip | registry:ui | Precise ink callouts, useful keyboard hints and small paper annotations. Short explanations that appear where attention already is. | `npx shadcn@latest add https://000h.cojeev.com/r/tooltip.json` |
| tree | registry:ui | A controlled branch ledger for supplied hierarchical data, with separate disclosure, selection and trailing actions. | `npx shadcn@latest add https://000h.cojeev.com/r/tree.json` |
| typography | registry:ui | Provides text roles for headings, body copy, metadata, values, and identifiers. | `npx shadcn@latest add https://000h.cojeev.com/r/typography.json` |
| typography-vortex | registry:ui | Nested rotating glyph rings with a local dissolution lens and a finite suction pulse. | `npx shadcn@latest add https://000h.cojeev.com/r/typography-vortex.json` |
| variable-proximity | registry:ui | Pointer distance changes the real variable-font weight of individual graphemes. | `npx shadcn@latest add https://000h.cojeev.com/r/variable-proximity.json` |
| warp-text | registry:ui | Rendered text deforms through a slowly changing noise displacement. | `npx shadcn@latest add https://000h.cojeev.com/r/warp-text.json` |
| wave-wipe | registry:ui | An organic wave rises across caller content to reveal the next scene. | `npx shadcn@latest add https://000h.cojeev.com/r/wave-wipe.json` |
| weave-background | registry:ui | Interlaced thread-like strokes with visible over-and-under crossings. | `npx shadcn@latest add https://000h.cojeev.com/r/weave-background.json` |
| word-relay | registry:ui | Exchanges phrases, words or letters inside a stable wrapping footprint, with interruptible motion and explicit navigation. | `npx shadcn@latest add https://000h.cojeev.com/r/word-relay.json` |
| word-stream | registry:ui | Phrases build word by word, drift left and run out before the final phrase holds. | `npx shadcn@latest add https://000h.cojeev.com/r/word-stream.json` |
| work-side-panel | registry:ui | A reusable work side panel composed from Cojeev base components. | `npx shadcn@latest add https://000h.cojeev.com/r/work-side-panel.json` |
| writing-caret | registry:ui | A quiet writing mark with a short, deliberate blink sequence. | `npx shadcn@latest add https://000h.cojeev.com/r/writing-caret.json` |
| zoom-words | registry:ui | An enlarged camera follows measured centers along a growing word line. | `npx shadcn@latest add https://000h.cojeev.com/r/zoom-words.json` |

## For AI agents

```text
You are adding components from @000h-cojeev to a shadcn-compatible project.
1. Read this file (https://sh4dcn.vercel.app/md/000h-cojeev.md) for the component list.
2. Fetch the machine-readable index: https://000h.cojeev.com/r/registry.json
3. Install a single component with its install command from the table above.
4. Full structured record: https://sh4dcn.vercel.app/json (library slug: 000h-cojeev).
```