sh4dcnv2 · atlas
← libraries

@000h-cojeev

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

174 components react shadcn-cli MIT

Install this registry

shadcn (npm) npx shadcn@latest add https://000h.cojeev.com/r/registry.json
pnpm pnpm dlx shadcn@latest add https://000h.cojeev.com/r/registry.json
bun bunx shadcn@latest add https://000h.cojeev.com/r/registry.json
fetch registry curl -s https://000h.cojeev.com/r/registry.json

Components

174 total
Cojeev base

Cojeev tokens, fonts, reset, and Tailwind v4 theme bridge.

npx shadcn@latest add https://000h.cojeev.com/r/cojeev.json
Accordion 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 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 ui

A reusable action dock composed from Cojeev base components.

npx shadcn@latest add https://000h.cojeev.com/r/action-dock.json
Activity feed 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
Motion Adjuster 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 ui

Groups conversational content and timestamps into visually distinct message bubbles.

npx shadcn@latest add https://000h.cojeev.com/r/bubble.json
Button 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 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 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 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 ui

Groups related content, metadata, and actions into a distinct surface.

npx shadcn@latest add https://000h.cojeev.com/r/card.json
Caret Swap 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 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 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
Dynamic chart tooltip 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 ui

Captures an independent checked, unchecked, or indeterminate choice.

npx shadcn@latest add https://000h.cojeev.com/r/checkbox.json
Click Spark 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 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 ui

Shows or hides one optional section without leaving the surrounding layout.

npx shadcn@latest add https://000h.cojeev.com/r/collapsible.json
Combobox 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 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 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 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 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 ui

Nested organic contour lines with generous space between islands.

npx shadcn@latest add https://000h.cojeev.com/r/contours-background.json
Conversation panel ui

A reusable conversation panel composed from Cojeev base components.

npx shadcn@latest add https://000h.cojeev.com/r/conversation-panel.json
Data Table 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 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 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 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 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 ui

Caller scenes exchange beneath a deterministic ordered dither cover.

npx shadcn@latest add https://000h.cojeev.com/r/dither-dissolve.json
Dither sculpture 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 library 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 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 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 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 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 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 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 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 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 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 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 ui

Formats a key or key combination as a recognizable keyboard instruction.

npx shadcn@latest add https://000h.cojeev.com/r/kbd.json
Label 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 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 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 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 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 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 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 ui

Groups application commands into a horizontal row of keyboard-navigable menus.

npx shadcn@latest add https://000h.cojeev.com/r/menubar.json
Message 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 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 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 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 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 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 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 ui

Organizes destination links and optional expandable navigation panels.

npx shadcn@latest add https://000h.cojeev.com/r/navigation-menu.json
Number input 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 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 ui

An orbit of supplied images frames stationary content.

npx shadcn@latest add https://000h.cojeev.com/r/orbit-images.json
Organism assembly 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 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 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 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 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 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 ui

Sparse, softly irregular pebble outlines distributed across the surface.

npx shadcn@latest add https://000h.cojeev.com/r/pebbles-background.json
Pie chart 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 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 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 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 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 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
Component preview 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 ui

A reusable profile card composed from Cojeev base components.

npx shadcn@latest add https://000h.cojeev.com/r/profile-card.json
Progress 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 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 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 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 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 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 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 ui

Pointer impulses send expanding waves through a textured print.

npx shadcn@latest add https://000h.cojeev.com/r/ripple-distortion.json
Scroll Area 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 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 ui

A softly stretching companion driven by native document scrolling.

npx shadcn@latest add https://000h.cojeev.com/r/scroll-organism.json
Scroll Reveal 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 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 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 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 ui

Divides adjacent content with a horizontal or vertical rule.

npx shadcn@latest add https://000h.cojeev.com/r/separator.json
Shape studio 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 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 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 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 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 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 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
Loading 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 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 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 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 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 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 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 ui

Turns a named binary setting on or off.

npx shadcn@latest add https://000h.cojeev.com/r/switch.json
Tables 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 ui

Rendered text deforms through a slowly changing noise displacement.

npx shadcn@latest add https://000h.cojeev.com/r/warp-text.json
Wave Wipe 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 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 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 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 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 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 ui

An enlarged camera follows measured centers along a growing word line.

npx shadcn@latest add https://000h.cojeev.com/r/zoom-words.json