sh4dcnv2 · atlas
← libraries

@kobra

Polished components for teams building exceptional products and experiences.

73 components pro available react shadcn-cli

Install this registry

shadcn (npm) npx shadcn@latest add https://kobra.systems/r/registry.json
pnpm pnpm dlx shadcn@latest add https://kobra.systems/r/registry.json
bun bunx shadcn@latest add https://kobra.systems/r/registry.json
fetch registry curl -s https://kobra.systems/r/registry.json

Components

73 total
Accordion ui

Vertically stacked disclosure sections.

npx shadcn@latest add https://kobra.systems/r/accordion.json
AI Editor ui

A document an agent edits alongside you.

npx shadcn@latest add https://kobra.systems/r/ai-editor.json
Alert ui

A callout for important contextual information.

npx shadcn@latest add https://kobra.systems/r/alert.json
Aspect Ratio ui

Keeps content within a fixed ratio.

npx shadcn@latest add https://kobra.systems/r/aspect-ratio.json
Avatar ui

An image or fallback representing a person.

npx shadcn@latest add https://kobra.systems/r/avatar.json
Badge ui

A compact status or category label.

npx shadcn@latest add https://kobra.systems/r/badge.json
Breadcrumb ui

A hierarchical navigation trail.

npx shadcn@latest add https://kobra.systems/r/breadcrumb.json
Button ui

A control that triggers an action.

npx shadcn@latest add https://kobra.systems/r/button.json
Calendar ui

A date selection calendar.

npx shadcn@latest add https://kobra.systems/r/calendar.json
Card ui

A surface grouping related content.

npx shadcn@latest add https://kobra.systems/r/card.json
Halftone Dots ui

An image rebuilt as a field of dots that morph between pictures.

npx shadcn@latest add https://kobra.systems/r/halftone-dots.json
Logo Carousel ui

A wall of logos, shown a few at a time.

npx shadcn@latest add https://kobra.systems/r/logo-carousel.json
Carousel ui

A horizontally navigable content collection, built on Embla.

npx shadcn@latest add https://kobra.systems/r/carousel.json
Chart ui

Composable data visualizations, from Evil Charts.

npx shadcn@latest add https://kobra.systems/r/chart.json
Checkbox ui

A binary or indeterminate selection control.

npx shadcn@latest add https://kobra.systems/r/checkbox.json
Collapsible ui

An expandable content region.

npx shadcn@latest add https://kobra.systems/r/collapsible.json
Combobox ui

A searchable option picker.

npx shadcn@latest add https://kobra.systems/r/combobox.json
Multi Select ui

Several values picked from one list, as chips.

npx shadcn@latest add https://kobra.systems/r/multi-select.json
Command Menu ui

A fast, nested command menu powered by kmenu.

npx shadcn@latest add https://kobra.systems/r/command-menu.json
Context Menu ui

Actions opened from a secondary click.

npx shadcn@latest add https://kobra.systems/r/context-menu.json
Dialog ui

A modal window over the current page, and the alert dialog that confirms.

npx shadcn@latest add https://kobra.systems/r/dialog.json
Drawer ui

A panel that slides from an edge, built on Vaul.

npx shadcn@latest add https://kobra.systems/r/drawer.json
Dropdown Menu ui

A menu opened from a trigger.

npx shadcn@latest add https://kobra.systems/r/dropdown-menu.json
Empty ui

An empty-state layout with guidance.

npx shadcn@latest add https://kobra.systems/r/empty.json
Form ui

Validated form composition.

npx shadcn@latest add https://kobra.systems/r/form.json
Hover Card ui

Rich content revealed on hover.

npx shadcn@latest add https://kobra.systems/r/hover-card.json
Input ui

A text input with its label, description and attached controls.

npx shadcn@latest add https://kobra.systems/r/input.json
Input OTP ui

A segmented one-time-code input, built on input-otp.

npx shadcn@latest add https://kobra.systems/r/input-otp.json
Input Dissolve ui

A field that carries its value away once it is spent.

npx shadcn@latest add https://kobra.systems/r/input-dissolve.json
Item ui

A flexible row for lists and settings.

npx shadcn@latest add https://kobra.systems/r/item.json
Menubar ui

A persistent horizontal application menu.

npx shadcn@latest add https://kobra.systems/r/menubar.json
Navigation Menu ui

A collection of navigation links.

npx shadcn@latest add https://kobra.systems/r/navigation-menu.json
Pagination ui

Controls for moving through pages.

npx shadcn@latest add https://kobra.systems/r/pagination.json
Popover ui

Floating content anchored to a trigger.

npx shadcn@latest add https://kobra.systems/r/popover.json
Progress ui

The completion state of a task.

npx shadcn@latest add https://kobra.systems/r/progress.json
Radio Group ui

A single choice from several options.

npx shadcn@latest add https://kobra.systems/r/radio-group.json
Resizable ui

Panels separated by a draggable handle.

npx shadcn@latest add https://kobra.systems/r/resizable.json
Scroll Area ui

A custom cross-browser scroll container.

npx shadcn@latest add https://kobra.systems/r/scroll-area.json
Select ui

An option picker, as a styled menu or the native control.

npx shadcn@latest add https://kobra.systems/r/select.json
Separator ui

A visual divider between content.

npx shadcn@latest add https://kobra.systems/r/separator.json
Sheet ui

A dialog that enters from an edge.

npx shadcn@latest add https://kobra.systems/r/sheet.json
Sidebar ui

A composable application sidebar.

npx shadcn@latest add https://kobra.systems/r/sidebar.json
Skeleton ui

A placeholder shown while content loads.

npx shadcn@latest add https://kobra.systems/r/skeleton.json
Slider ui

A value selected along a range, with a liquid handle from Gooey.

npx shadcn@latest add https://kobra.systems/r/slider.json
Sound ui

The cue every control answers a press with, built on Web Kits Audio.

npx shadcn@latest add https://kobra.systems/r/sound.json
Toast ui

Stacked status notifications with progress and actions.

npx shadcn@latest add https://kobra.systems/r/toast.json
Spinner ui

An indeterminate loading indicator.

npx shadcn@latest add https://kobra.systems/r/spinner.json
Switch ui

A control for toggling a setting.

npx shadcn@latest add https://kobra.systems/r/switch.json
Table ui

Rows and columns of structured data.

npx shadcn@latest add https://kobra.systems/r/table.json
CRM Table ui

Accounts with owners, pipeline and win odds, in resizable columns.

npx shadcn@latest add https://kobra.systems/r/crm-table.json
Tabs ui

Layered content selected by tab.

npx shadcn@latest add https://kobra.systems/r/tabs.json
Textarea ui

A multiline text input.

npx shadcn@latest add https://kobra.systems/r/textarea.json
Toggle Group ui

A two-state control, alone or conjoined into a bar.

npx shadcn@latest add https://kobra.systems/r/toggle-group.json
Tooltip ui

A concise label shown on hover or focus.

npx shadcn@latest add https://kobra.systems/r/tooltip.json
Kbd ui

Keyboard input and shortcut hints.

npx shadcn@latest add https://kobra.systems/r/kbd.json
Direction ui

Provides left-to-right or right-to-left direction.

npx shadcn@latest add https://kobra.systems/r/direction.json
Attachment ui

A compact file attachment presentation.

npx shadcn@latest add https://kobra.systems/r/attachment.json
Magnetic Dropzone ui

A drop target that leans toward the file you are carrying.

npx shadcn@latest add https://kobra.systems/r/magnetic-dropzone.json
Conversation ui

A thread of chat bubbles with reactions and timestamps.

npx shadcn@latest add https://kobra.systems/r/conversation.json
Marker ui

A labeled point or status marker.

npx shadcn@latest add https://kobra.systems/r/marker.json
Message ui

A structured conversation message.

npx shadcn@latest add https://kobra.systems/r/message.json
Message Scroller ui

Conversation scrolling with edge controls.

npx shadcn@latest add https://kobra.systems/r/message-scroller.json
Video ui

A video player built on Loomix, with liquid glass controls.

npx shadcn@latest add https://kobra.systems/r/video.json
Reasoning Steps ui

A model working before it answers.

npx shadcn@latest add https://kobra.systems/r/reasoning-steps.json
File Diff ui

Changes an agent proposes to a file.

npx shadcn@latest add https://kobra.systems/r/file-diff.json
Image Generation ui

A canvas forming while an image is generated.

npx shadcn@latest add https://kobra.systems/r/image-generation.json
Streaming Text ui

A reply arriving a token at a time.

npx shadcn@latest add https://kobra.systems/r/streaming-text.json
Inline Citations ui

Sources cited inside a reply.

npx shadcn@latest add https://kobra.systems/r/inline-citations.json
Code Block ui

Syntax-highlighted code with actions.

npx shadcn@latest add https://kobra.systems/r/code-block.json
Task List ui

A task list an agent works through.

npx shadcn@latest add https://kobra.systems/r/task-list.json
Chat Input ui

A composer for prompting an agent.

npx shadcn@latest add https://kobra.systems/r/chat-input.json
Plan Card ui

A plan an agent is asking to run.

npx shadcn@latest add https://kobra.systems/r/plan-card.json
Question Card ui

A question an agent needs answered before it continues.

npx shadcn@latest add https://kobra.systems/r/question-card.json