---
name: "@spaceui"
slug: "spaceui"
description: "An open-source design library built for humans and AI to create expressive, polished, and high-quality interfaces, helping you build better products, faster"
category: "AI/chat UI"
tags: ["ai", "auth", "backgrounds", "blocks", "buttons", "cards", "cms", "forms", "glassmorphism", "icons", "loaders", "media", "navigation", "onboarding", "overlays", "pro-available", "retro", "tables", "theming"]
framework: "react"
license: "MIT"
author: "adrielzimbril"
website: "https://www.spaceui.one"
github: "https://github.com/adrielzimbril/spaceui"
registry: "https://www.spaceui.one/r/registry.json"
pro: true
pro_url: "https://www.spaceui.one/pricing"
github_stars: 7
component_count: 250
generated_at: "2026-09-21T01:50:16.753Z"
---

# @spaceui

An open-source design library built for humans and AI to create expressive, polished, and high-quality interfaces, helping you build better products, faster

## Links

- Website: https://www.spaceui.one
- GitHub: https://github.com/adrielzimbril/spaceui
- Registry JSON: https://www.spaceui.one/r/registry.json
- Directory page: https://sh4dcn.vercel.app/registry/spaceui
- This file: https://sh4dcn.vercel.app/md/spaceui.md
- Pro / pricing: https://www.spaceui.one/pricing

## Install

```sh
# add the whole registry (shadcn CLI)
npx shadcn@latest add https://www.spaceui.one/r/registry.json
pnpm dlx shadcn@latest add https://www.spaceui.one/r/registry.json
bunx shadcn@latest add https://www.spaceui.one/r/registry.json
# clone the source repo
git clone https://github.com/adrielzimbril/spaceui.git
# fetch the raw registry index
curl -s https://www.spaceui.one/r/registry.json
```

## Components (250)

| name | type | description | install |
| --- | --- | --- | --- |
| block-card-info-1 | registry:block | Interactive showcase of service and audience craft cards with custom gradient icons. | `npx shadcn@latest add https://www.spaceui.one/r/block-card-info-1.json` |
| block-card-info-2 | registry:block | Interactive showcase of core philosophy and value cards with custom gradient icons. | `npx shadcn@latest add https://www.spaceui.one/r/block-card-info-2.json` |
| block-community-wall-1 | registry:block | Interactive draggable infinite canvas community wall with radial bloom distribution, card patterns, collision avoidance, tilt controls, and note submission mod… | `npx shadcn@latest add https://www.spaceui.one/r/block-community-wall-1.json` |
| block-dither-carousel | registry:block | 3D cylindrical spiral carousel in WebGL2 with curved cards, axial directional blur, and matrix dither pattern. | `npx shadcn@latest add https://www.spaceui.one/r/block-dither-carousel.json` |
| block-eleven-labs | registry:block | ElevenLabs-inspired landing page block with a live audio-reactive orb hero. | `npx shadcn@latest add https://www.spaceui.one/r/block-eleven-labs.json` |
| block-interactive-fun-facts | registry:block | Interactive 3D stacked deck quiz game block with True/False feedback, live score and dialog summary. | `npx shadcn@latest add https://www.spaceui.one/r/block-interactive-fun-facts.json` |
| block-interactive-grid-hero-1 | registry:block | Interactive proximity-reactive grid canvas that dynamically rounds and insets cells on cursor movement with custom shape controls. | `npx shadcn@latest add https://www.spaceui.one/r/block-interactive-grid-hero-1.json` |
| block-lens-carousel | registry:block | Vertical WebGL lens gallery. Scroll-linked image planes from Immersive Lens. | `npx shadcn@latest add https://www.spaceui.one/r/block-lens-carousel.json` |
| block-liquid-gooey-carousel | registry:block | Smooth-minimum signed distance field WebGL2 carousel with liquid fusing cards that pull organic metaball strands when separated. | `npx shadcn@latest add https://www.spaceui.one/r/block-liquid-gooey-carousel.json` |
| block-prism-carousel | registry:block | Continuous image strip rendered to an offscreen texture and sampled through a thick optical glass lens shader with radial refraction and chromatic aberration. | `npx shadcn@latest add https://www.spaceui.one/r/block-prism-carousel.json` |
| block-sign-in | registry:block | Interactive demo showcasing the Sign In Page 1 component. | `npx shadcn@latest add https://www.spaceui.one/r/block-sign-in.json` |
| block-stats-blog | registry:block | Content publication metrics including total articles, words written, reader messages, and reading time. | `npx shadcn@latest add https://www.spaceui.one/r/block-stats-blog.json` |
| block-stats-engagement | registry:block | Comprehensive reader engagement showcase with top articles, interactive emoji reaction counters, category tags, and changelog updates. | `npx shadcn@latest add https://www.spaceui.one/r/block-stats-engagement.json` |
| block-stats-general | registry:block | Interactive metric overview cards with floating spring emoji decorations and semantic color accents. | `npx shadcn@latest add https://www.spaceui.one/r/block-stats-general.json` |
| block-stats-github | registry:block | Interactive GitHub contribution activity heatmap graph with metrics for stars, forks, and commits. | `npx shadcn@latest add https://www.spaceui.one/r/block-stats-github.json` |
| block-stats-performance | registry:block | Lighthouse audit results dashboard featuring mobile & desktop scores with radar chart visuals. | `npx shadcn@latest add https://www.spaceui.one/r/block-stats-performance.json` |
| components-backgrounds-bubble | registry:component | An interactive background featuring smoothly animated gradient bubbles, creating a playful, dynamic, and visually engaging backdrop. | `npx shadcn@latest add https://www.spaceui.one/r/components-backgrounds-bubble.json` |
| components-backgrounds-gradient | registry:component | A background component featuring a subtle yet engaging animated gradient effect, smoothly transitioning colors to enhance visual depth. | `npx shadcn@latest add https://www.spaceui.one/r/components-backgrounds-gradient.json` |
| components-orb-bloop | registry:component | Compact audio-reactive bloop orb shader. | `npx shadcn@latest add https://www.spaceui.one/r/components-orb-bloop.json` |
| components-orb-generating | registry:component | Interactive dual-engine generating loader orb with revolving chromatic depth in CSS keyframes and HTML5 Canvas. | `npx shadcn@latest add https://www.spaceui.one/r/components-orb-generating.json` |
| components-orb-loading | registry:component | Procedural matrix pixel grid loader with Tailwind styling, motion presets, and companion status banner. | `npx shadcn@latest add https://www.spaceui.one/r/components-orb-loading.json` |
| components-orb-smooth | registry:component | Audio-reactive smooth orb with a WebGPU fluid simulation. | `npx shadcn@latest add https://www.spaceui.one/r/components-orb-smooth.json` |
| components-orb-thinking | registry:component | Interactive Canvas 3D particle loader orbs featuring 9 procedural cognitive states. | `npx shadcn@latest add https://www.spaceui.one/r/components-orb-thinking.json` |
| components-shader-cloud | registry:component | Interactive volumetric cloud material rendered as a full-bleed shader surface. | `npx shadcn@latest add https://www.spaceui.one/r/components-shader-cloud.json` |
| components-shader-heat-shade | registry:component | WebGPU fbm heat field with ember and hot tints along a moving boundary. | `npx shadcn@latest add https://www.spaceui.one/r/components-shader-heat-shade.json` |
| components-shader-paper-shader | registry:component | Paper Shaders WebGL2 canvas driven by a fragment shader and live uniforms. | `npx shadcn@latest add https://www.spaceui.one/r/components-shader-paper-shader.json` |
| components-shader-silk-flare | registry:component | WebGPU single-pass composite shader fusing silky mesh warp gradients and rising thermodynamic heat flares. | `npx shadcn@latest add https://www.spaceui.one/r/components-shader-silk-flare.json` |
| components-shader-silk-gradient | registry:component | WebGPU silk mesh gradient. Three colors, warp, grain. | `npx shadcn@latest add https://www.spaceui.one/r/components-shader-silk-gradient.json` |
| components-spaceui-adaptive-density-grid | registry:component | A fluid polymorphic grid with physics-based velocity spring pill tabs, cinematic staggered reflow transitions, and memory-optimized layout shifts. | `npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-adaptive-density-grid.json` |
| components-spaceui-animoji | registry:component | Renders every Unicode emoji in a string as an animated image sized to the surrounding text. | `npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-animoji.json` |
| components-spaceui-autoscale-input | registry:component | Input that grows and shrinks its type to fit the available width, with locale number formatting. | `npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-autoscale-input.json` |
| components-spaceui-avatar-extended | registry:component | Extended avatar components with badges, indicators, and logos. | `npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-avatar-extended.json` |
| components-spaceui-avatar-group | registry:component | Avatar group stacking and overlapping system. | `npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-avatar-group.json` |
| components-spaceui-badge-squircle | registry:component | Tactile squircle badge component with Base UI polymorphic rendering and dynamic curvature morphing. | `npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-badge-squircle.json` |
| components-spaceui-blur-reveal-text | registry:component | Progressive, buttery smooth word, character, or line-by-line blur reveal animation with viewport triggers. | `npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-blur-reveal-text.json` |
| components-spaceui-bouncy-accordion | registry:component | Spring accordion that splits rounded rows when a panel opens. | `npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-bouncy-accordion.json` |
| components-spaceui-button-squircle | registry:component | Tactile squircle button and badge components featuring dynamic curvature morphing on hover from the original portfolio design. | `npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-button-squircle.json` |
| components-spaceui-chroma-palette | registry:component | Perceptually uniform color generator and interactive swatch palette with organic gooey fluid morph and one-click copy. | `npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-chroma-palette.json` |
| components-spaceui-copy | registry:component | A copy-to-clipboard button with animated icon transition. | `npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-copy.json` |
| components-spaceui-data-grid | registry:component | Data Grid component for Space UI. | `npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-data-grid.json` |
| components-spaceui-data-grid-column-filter | registry:component | Data Grid Column Filter component for Space UI. | `npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-data-grid-column-filter.json` |
| components-spaceui-data-grid-column-header | registry:component | Data Grid Column Header component for Space UI. | `npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-data-grid-column-header.json` |
| components-spaceui-data-grid-column-visibility | registry:component | Data Grid Column Visibility component for Space UI. | `npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-data-grid-column-visibility.json` |
| components-spaceui-data-grid-pagination | registry:component | Data Grid Pagination component for Space UI. | `npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-data-grid-pagination.json` |
| components-spaceui-data-grid-scroll-area | registry:component | Data Grid Scroll Area component for Space UI. | `npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-data-grid-scroll-area.json` |
| components-spaceui-data-grid-table | registry:component | Data Grid Table component for Space UI. | `npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-data-grid-table.json` |
| components-spaceui-data-grid-table-dnd | registry:component | Data Grid Table Dnd component for Space UI. | `npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-data-grid-table-dnd.json` |
| components-spaceui-data-grid-table-dnd-rows | registry:component | Data Grid Table Dnd Rows component for Space UI. | `npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-data-grid-table-dnd-rows.json` |
| components-spaceui-data-grid-table-virtual | registry:component | Data Grid Table Virtual component for Space UI. | `npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-data-grid-table-virtual.json` |
| components-spaceui-date-selector | registry:component | Date Selector component for Space UI. | `npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-date-selector.json` |
| components-spaceui-dirt-carousel | registry:component | 3D ring carousel with drag, snap, auto-rotate, and a live control panel. | `npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-dirt-carousel.json` |
| components-spaceui-doodle-callout | registry:component | A hand-drawn arrow that draws itself in next to a handwritten label that pops in letter by letter, replaying on a loop. | `npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-doodle-callout.json` |
| components-spaceui-event-calendar | registry:component | Event Calendar component for Space UI. | `npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-event-calendar.json` |
| components-spaceui-event-calendar-agenda-view | registry:component | Event Calendar Agenda View component for Space UI. | `npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-event-calendar-agenda-view.json` |
| components-spaceui-event-calendar-content | registry:component | Event Calendar Content component for Space UI. | `npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-event-calendar-content.json` |
| components-spaceui-event-calendar-dnd | registry:component | Event Calendar Dnd component for Space UI. | `npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-event-calendar-dnd.json` |
| components-spaceui-event-calendar-event | registry:component | Event Calendar Event component for Space UI. | `npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-event-calendar-event.json` |
| components-spaceui-event-calendar-i18n | registry:component | Event Calendar I18n component for Space UI. | `npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-event-calendar-i18n.json` |
| components-spaceui-event-calendar-lib | registry:component | Utility and configuration helper for Event Calendar Lib. | `npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-event-calendar-lib.json` |
| components-spaceui-event-calendar-month-view | registry:component | Event Calendar Month View component for Space UI. | `npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-event-calendar-month-view.json` |
| components-spaceui-event-calendar-nav | registry:component | Event Calendar Nav component for Space UI. | `npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-event-calendar-nav.json` |
| components-spaceui-event-calendar-recurrence | registry:component | Event Calendar Recurrence component for Space UI. | `npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-event-calendar-recurrence.json` |
| components-spaceui-event-calendar-resource-view | registry:component | Event Calendar Resource View component for Space UI. | `npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-event-calendar-resource-view.json` |
| components-spaceui-event-calendar-time-grid | registry:component | Event Calendar Time Grid component for Space UI. | `npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-event-calendar-time-grid.json` |
| components-spaceui-event-calendar-types | registry:component | Event Calendar Types component for Space UI. | `npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-event-calendar-types.json` |
| components-spaceui-filters | registry:component | Filters component for Space UI. | `npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-filters.json` |
| components-spaceui-fluid-countdown | registry:component | Full-screen countdown timer with fluid rolling digits, play/pause and reset controls, and auto-loop. | `npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-fluid-countdown.json` |
| components-spaceui-fluid-crossfade | registry:component | Interactive fluid wave simulation with chromatic refraction and Bayer dither blending between two textures. | `npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-fluid-crossfade.json` |
| components-spaceui-fluid-distortion-image | registry:component | An interactive WebGL image component with cover UV mapping and dynamic cursor fluid-distortion ripples using data textures. | `npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-fluid-distortion-image.json` |
| components-spaceui-fluid-dither-crossfade | registry:component | A dual-pass WebGL shader component featuring real-time Navier-Stokes fluid pressure simulation and Bayer 4x4 matrix ordered dithering crossfade. | `npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-fluid-dither-crossfade.json` |
| components-spaceui-frost-blurred | registry:component | Stacked, masked backdrop-filter layers that frost content along an edge. | `npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-frost-blurred.json` |
| components-spaceui-github-activity | registry:component | An interactive GitHub ecosystem showcase featuring stars, forks, and commits KPI cards with floating particles and a 52-week contribution heatmap matrix. | `npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-github-activity.json` |
| components-spaceui-glass-button | registry:component | A glassmorphic button built on top of Button Squircle — backdrop blur, layered inset highlights and a hover shine sweep. | `npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-glass-button.json` |
| components-spaceui-gooey-blobs | registry:component | Two draggable blobs that merge into one liquid shape via an SVG gooey filter. | `npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-gooey-blobs.json` |
| components-spaceui-gooey-info-popover | registry:component | A round trigger that gooey-morphs into an info panel on hover. | `npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-gooey-info-popover.json` |
| components-spaceui-gooey-slots-tooltip | registry:component | A round trigger that gooey-expands upward into a rich content card on hover. | `npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-gooey-slots-tooltip.json` |
| components-spaceui-gooey-tooltip | registry:component | A tooltip bubble that mouse-follows and gooey-connects to its trigger button on hover. | `npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-gooey-tooltip.json` |
| components-spaceui-handle-reel | registry:component | Kinetic tumbler reel of usernames, handles, or subdomains past a prefix that decelerates and settles with momentum. | `npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-handle-reel.json` |
| components-spaceui-icon-stack | registry:component | Icon Stack component for Space UI. | `npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-icon-stack.json` |
| components-spaceui-image-dark | registry:component | An adaptive image component that dynamically switches between light and dark mode sources using standard img elements. | `npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-image-dark.json` |
| components-spaceui-interactive-checklist | registry:component | Tactile checklist with spring checkmarks, animated strike-through lines, and completion progress. | `npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-interactive-checklist.json` |
| components-spaceui-item | registry:component | Composable Item primitive with media, content, title, and description slots for lists and rows. | `npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-item.json` |
| components-spaceui-kanban | registry:component | Kanban component for Space UI. | `npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-kanban.json` |
| components-spaceui-liquid-metal-border | registry:component | Liquid metal shader as a border wrap around any registry component. | `npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-liquid-metal-border.json` |
| components-spaceui-liquid-sortable-list | registry:component | Smooth drag-and-drop sortable team list with generative avatars, spring reordering, and tactile feedback. | `npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-liquid-sortable-list.json` |
| components-spaceui-liquid-switch | registry:component | Elastic toggle switch with velocity-based organic stretch and spring return physics. | `npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-liquid-switch.json` |
| components-spaceui-morph-icon | registry:component | An animated morphing icon transition wrapper supporting motion presets like blur-scale, rotate-scale, flip, and spring. | `npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-morph-icon.json` |
| components-spaceui-morphing-area | registry:component | Adaptive aspect ratio frame with constant-area surface morphing for any child element, image, or media. | `npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-morphing-area.json` |
| components-spaceui-morphing-command-bar | registry:component | Elastic command bar that expands seamlessly from passive state to active input with integrated action trigger. | `npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-morphing-command-bar.json` |
| components-spaceui-morphing-search-pill | registry:component | Adaptive search pill that expands smoothly from a compact button into a full input field. | `npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-morphing-search-pill.json` |
| components-spaceui-morphing-text | registry:component | Dynamic character-level FLIP morphing animation between words or phrases with accessible screen-reader support. | `npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-morphing-text.json` |
| components-spaceui-notification-list | registry:component | A fun notification list with animated stacking and cards that expand as you interact. | `npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-notification-list.json` |
| components-spaceui-phone-input | registry:component | Phone Input component for Space UI. | `npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-phone-input.json` |
| components-spaceui-pin-list | registry:component | A playful list for pinning and unpinning items, with smooth animated transitions as items move between groups. | `npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-pin-list.json` |
| components-spaceui-pixel-fill-button | registry:component | An interactive button whose background fills with square matrix pixels radiating from the cursor entry point on hover. | `npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-pixel-fill-button.json` |
| components-spaceui-pixel-reveal-image | registry:component | A WebGL image reveal component with dynamic pixel matrix wave and customizable neon accent border on scroll. | `npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-pixel-reveal-image.json` |
| components-spaceui-pixel-reveal-text | registry:component | A typography shader component that materializes text out of pixel matrix noise with neon contour highlights on scroll. | `npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-pixel-reveal-text.json` |
| components-spaceui-rating | registry:component | Rating component for Space UI. | `npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-rating.json` |
| components-spaceui-resizable | registry:component | Resizable component for Space UI. | `npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-resizable.json` |
| components-spaceui-scatter-text | registry:component | A text input whose content scatters into drifting canvas grains on submit. | `npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-scatter-text.json` |
| components-spaceui-scrollspy | registry:component | Scrollspy component for Space UI. | `npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-scrollspy.json` |
| components-spaceui-section-scrollspy | registry:component | Floating section scrollbar that tracks the active heading as you scroll. | `npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-section-scrollspy.json` |
| components-spaceui-silk-border | registry:component | Fluid WebGPU silk mesh gradient wrapper with preset themes and CSS fallback. | `npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-silk-border.json` |
| components-spaceui-slide-to-confirm | registry:component | Tactile slide-to-action control with spring physics and inertia confirmation. | `npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-slide-to-confirm.json` |
| components-spaceui-slosh-slider | registry:component | Liquid fill slider with viscosity, momentum, and tilt. | `npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-slosh-slider.json` |
| components-spaceui-smooth-slider | registry:component | A continuous slider with a filled track, tick dots, and a draggable thumb. | `npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-smooth-slider.json` |
| components-spaceui-sortable | registry:component | Sortable component for Space UI. | `npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-sortable.json` |
| components-spaceui-status-badge | registry:component | An interactive status badge with animated indicator, status color mapping, and inline or stacked layout modes. | `npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-status-badge.json` |
| components-spaceui-team-roster-selector | registry:component | Interactive team roster selection list with generative avatars, spring hover pill, and multi-select state. | `npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-team-roster-selector.json` |
| components-spaceui-textmoji | registry:component | Renders every Unicode emoji in a string as an image sized to the surrounding text. Includes Animoji, the same for animated emoji styles. | `npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-textmoji.json` |
| components-spaceui-theme-toggle | registry:component | View-transition theme toggle with circle, rectangle, polygon, and blur reveals. | `npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-theme-toggle.json` |
| components-spaceui-tick-slider | registry:component | A scrubber drawn as a row of tick marks, with a real range input underneath for keyboard and screen reader support. | `npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-tick-slider.json` |
| components-spaceui-timeline | registry:component | Timeline component for Space UI. | `npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-timeline.json` |
| components-spaceui-tournament-bracket | registry:component | Animated knockout bracket with round navigation and live match states. | `npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-tournament-bracket.json` |
| components-spaceui-user-presence-avatar | registry:component | A compact avatar group for showing online and offline users, with smooth animated transitions when presence changes. | `npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-user-presence-avatar.json` |
| components-spaceui-velocity-hover-preview | registry:component | An interactive list component projecting a floating WebGL preview with inertial momentum mesh-warping and pixel block dissolve crossfading. | `npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-velocity-hover-preview.json` |
| components-spaceui-words-preloader | registry:component | Typography preloader that cycles greetings then wipes away with a curved SVG mask. | `npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-words-preloader.json` |
| demo-c-backgrounds-bubble-01 | registry:component | Demo showing a bubble background. | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-backgrounds-bubble-01.json` |
| demo-c-backgrounds-gradient-01 | registry:component | Demo showing a gradient background. | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-backgrounds-gradient-01.json` |
| demo-c-orb-bloop-01 | registry:component | Compact bloop orb shader. | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-orb-bloop-01.json` |
| demo-c-orb-generating-01 | registry:component | Revolving chromatic loader orb available in CSS and Canvas engines. | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-orb-generating-01.json` |
| demo-c-orb-loading-01 | registry:component | Live matrix loader with customizable speed, motion presets, radius, gap, ghost dots, and Tailwind colors. | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-orb-loading-01.json` |
| demo-c-orb-loading-02 | registry:component | All 6 matrix geometric states and live loop displayed simultaneously on a single row. | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-orb-loading-02.json` |
| demo-c-orb-loading-03 | registry:component | Tailwind color class styling with automatic tonal opacity gradations. | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-orb-loading-03.json` |
| demo-c-orb-loading-04 | registry:component | Assistant loading card with state switching, contextual details, and shimmer progress. | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-orb-loading-04.json` |
| demo-c-orb-smooth-01 | registry:component | Audio-reactive smooth orb. | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-orb-smooth-01.json` |
| demo-c-orb-thinking-01 | registry:component | Particles tracing tilted orbital rings around a ghosted sphere. | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-orb-thinking-01.json` |
| demo-c-orb-thinking-02 | registry:component | A dotted globe swept by a rotating scan band. | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-orb-thinking-02.json` |
| demo-c-orb-thinking-03 | registry:component | A point-cloud sphere permuted by successive quarter-turn slice rotations. | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-orb-thinking-03.json` |
| demo-c-orb-thinking-04 | registry:component | Latitude rings breathing in and out on two detuned sine waves. | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-orb-thinking-04.json` |
| demo-c-orb-thinking-05 | registry:component | A drifting node graph with proximity links and travelling signals. | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-orb-thinking-05.json` |
| demo-c-orb-thinking-06 | registry:component | Three helical strands braiding around a ghosted sphere. | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-orb-thinking-06.json` |
| demo-c-orb-thinking-07 | registry:component | A rippling multi-lane ribbon wrapped over a sphere. | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-orb-thinking-07.json` |
| demo-c-orb-thinking-08 | registry:component | A face-on ring pulsing with a slow radial ripple. | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-orb-thinking-08.json` |
| demo-c-orb-thinking-09 | registry:component | A dotted outline morphing between circle, triangle and square. | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-orb-thinking-09.json` |
| demo-c-cloud-01 | registry:component | Interactive cloud material surface. | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-cloud-01.json` |
| demo-c-heat-shade-01 | registry:component | Climbing heat tongues with origin and color controls. | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-heat-shade-01.json` |
| demo-c-heat-shade-02 | registry:component | Drifting heat field with origin and color controls. | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-heat-shade-02.json` |
| demo-c-paper-shader-01 | registry:component | Paper WebGL fragment shader canvas. | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-paper-shader-01.json` |
| demo-c-silk-flare-01 | registry:component | Composite WebGPU shader blending silky mesh gradients with rising thermodynamic heat flares. | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-silk-flare-01.json` |
| demo-c-silk-gradient-01 | registry:component | Warped three-color silk field with grain. | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-silk-gradient-01.json` |
| demo-c-adaptive-density-grid-01 | registry:component | Image gallery with fluid spring velocity pill indicator and adaptive columns reflow. | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-adaptive-density-grid-01.json` |
| demo-c-adaptive-density-grid-02 | registry:component | Adaptive density grid acting as category reflow tabs with fluid physics spring pill and card rendering. | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-adaptive-density-grid-02.json` |
| demo-c-animoji-01 | registry:component | Inline text with emoji rendered as animated images sized to the surrounding font. | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-animoji-01.json` |
| demo-c-animoji-02 | registry:component | The same emoji rendered through all three animated catalogs. | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-animoji-02.json` |
| demo-c-animoji-03 | registry:component | Emoji written as JS unicode escape sequences, including a two-code-point flag, resolved the same as pasted characters. | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-animoji-03.json` |
| demo-c-animoji-04 | registry:component | BlurRevealText's renderSegment hook piped through Animoji, cycling both the phrase and the emoji provider on every reveal. | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-animoji-04.json` |
| demo-c-autoscale-input-01 | registry:component | Amount field that scales to fit its container. | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-autoscale-input-01.json` |
| demo-c-badge-squircle-01 | registry:component | Visual style variants for the squircle badge component. | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-badge-squircle-01.json` |
| demo-c-badge-squircle-02 | registry:component | Standard sizing scale for the squircle badge component from extra small to large. | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-badge-squircle-02.json` |
| demo-c-badge-squircle-03 | registry:component | Showcase of tactile squircle badges with icons and polymorphic link and button rendering. | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-badge-squircle-03.json` |
| demo-c-blur-reveal-text-01 | registry:component | Interactive demo for Blur Reveal Text featuring customizable token splitting, blur depth, stagger delays, and directions with automatic 5s loop replay. | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-blur-reveal-text-01.json` |
| demo-c-bouncy-accordion-01 | registry:component | Spring accordion with icons and badge copy. | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-bouncy-accordion-01.json` |
| demo-c-button-squircle-01 | registry:component | Showcase of tactile squircle buttons with curvature morphing across default, secondary, outline, accent, glass, and ghost variants. | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-button-squircle-01.json` |
| demo-c-button-squircle-02 | registry:component | Tactile squircle button standard sizing scale from extra small to large. | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-button-squircle-02.json` |
| demo-c-button-squircle-03 | registry:component | Tactile squircle icon button sizing scale from small to large. | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-button-squircle-03.json` |
| demo-c-chroma-palette-01 | registry:component | Perceptually uniform color generator and interactive swatch palette using @usespaceui/gradients. | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-chroma-palette-01.json` |
| demo-c-data-grid-01 | registry:component | Data grid with pagination | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-data-grid-01.json` |
| demo-c-data-grid-02 | registry:component | Data grid with cell border | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-data-grid-02.json` |
| demo-c-data-grid-03 | registry:component | Data grid with dense layout | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-data-grid-03.json` |
| demo-c-data-grid-04 | registry:component | Data grid without table borders | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-data-grid-04.json` |
| demo-c-data-grid-05 | registry:component | Data grid with striped rows | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-data-grid-05.json` |
| demo-c-data-grid-06 | registry:component | Data grid with auto width table layout | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-data-grid-06.json` |
| demo-c-data-grid-07 | registry:component | Data grid with row selection | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-data-grid-07.json` |
| demo-c-data-grid-08 | registry:component | Data grid with expandable rows | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-data-grid-08.json` |
| demo-c-data-grid-09 | registry:component | Data grid with sub table | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-data-grid-09.json` |
| demo-c-data-grid-10 | registry:component | Data grid with column icons | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-data-grid-10.json` |
| demo-c-data-grid-11 | registry:component | Data grid with sortable columns | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-data-grid-11.json` |
| demo-c-data-grid-12 | registry:component | Data grid with movable columns | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-data-grid-12.json` |
| demo-c-data-grid-13 | registry:component | Data grid with draggable columns | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-data-grid-13.json` |
| demo-c-data-grid-14 | registry:component | Data grid with draggable rows | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-data-grid-14.json` |
| demo-c-data-grid-15 | registry:component | Data grid with column resizing | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-data-grid-15.json` |
| demo-c-data-grid-16 | registry:component | Data grid with pinnable columns | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-data-grid-16.json` |
| demo-c-data-grid-17 | registry:component | Data grid with sticky header | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-data-grid-17.json` |
| demo-c-data-grid-18 | registry:component | Data grid with column controls | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-data-grid-18.json` |
| demo-c-data-grid-19 | registry:component | Data grid with card container | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-data-grid-19.json` |
| demo-c-data-grid-20 | registry:component | Data grid with column visibility controls | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-data-grid-20.json` |
| demo-c-data-grid-21 | registry:component | Data grid with loading skeleton | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-data-grid-21.json` |
| demo-c-data-grid-22 | registry:component | Data grid with CRUD features | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-data-grid-22.json` |
| demo-c-data-grid-23 | registry:component | Data grid with CRUD in frame container | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-data-grid-23.json` |
| demo-c-data-grid-24 | registry:component | Data grid with column totals footer | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-data-grid-24.json` |
| demo-c-data-grid-25 | registry:component | Data grid with summary stats footer | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-data-grid-25.json` |
| demo-c-data-grid-26 | registry:component | Data grid with per-column aggregate footer | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-data-grid-26.json` |
| demo-c-data-grid-27 | registry:component | Data grid with local infinite scroll | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-data-grid-27.json` |
| demo-c-data-grid-28 | registry:component | Data grid with remote infinite scroll | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-data-grid-28.json` |
| demo-c-data-grid-29 | registry:component | Data grid with row pinning support | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-data-grid-29.json` |
| demo-c-date-selector-01 | registry:component | Basic date selector | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-date-selector-01.json` |
| demo-c-date-selector-02 | registry:component | Date selector with popover | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-date-selector-02.json` |
| demo-c-date-selector-03 | registry:component | Date selector with dialog | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-date-selector-03.json` |
| demo-c-date-selector-04 | registry:component | Date selector with dropdown menu | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-date-selector-04.json` |
| demo-c-dirt-carousel-01 | registry:component | 3D carousel with official Tweakpane controls. | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-dirt-carousel-01.json` |
| demo-c-doodle-callout-01 | registry:component | A hand-drawn arrow and handwritten label pointing at a pricing plan, replaying on a loop. | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-doodle-callout-01.json` |
| demo-c-event-calendar-01 | registry:component | Event calendar with all views and live settings | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-event-calendar-01.json` |
| demo-c-event-calendar-02 | registry:component | Event calendar with resource view for room bookings | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-event-calendar-02.json` |
| demo-c-event-calendar-03 | registry:component | Month calendar with event CRUD in one dialog: open from an empty day, an event, or Add event, commit via apiRef. Title, color, start, duration, all-day fields.… | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-event-calendar-03.json` |
| demo-c-event-calendar-04 | registry:component | Event calendar with custom event chips | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-event-calendar-04.json` |
| demo-c-event-calendar-05 | registry:component | Event calendar with drag-to-book appointments | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-event-calendar-05.json` |
| demo-c-file-upload-01 | registry:component | Basic file upload | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-file-upload-01.json` |
| demo-c-file-upload-02 | registry:component | Avatar upload | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-file-upload-02.json` |
| demo-c-file-upload-03 | registry:component | Basic drag and drop file upload | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-file-upload-03.json` |
| demo-c-file-upload-04 | registry:component | Gallery file upload | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-file-upload-04.json` |
| demo-c-file-upload-05 | registry:component | Progress file upload | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-file-upload-05.json` |
| demo-c-file-upload-06 | registry:component | Table file upload | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-file-upload-06.json` |
| demo-c-file-upload-07 | registry:component | Image upload | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-file-upload-07.json` |
| demo-c-file-upload-08 | registry:component | Image upload with sorting. | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-file-upload-08.json` |
| demo-c-file-upload-09 | registry:component | Card file upload. | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-file-upload-09.json` |
| demo-c-file-upload-10 | registry:component | Cover image upload. | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-file-upload-10.json` |
| demo-c-filters-01 | registry:component | Filters with various field types | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-filters-01.json` |
| demo-c-filters-02 | registry:component | Filters with input validation | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-filters-02.json` |
| demo-c-filters-03 | registry:component | Filters with custom trigger button | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-filters-03.json` |
| demo-c-filters-04 | registry:component | Filters with small size controls | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-filters-04.json` |
| demo-c-filters-05 | registry:component | Filters with large size controls | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-filters-05.json` |
| demo-c-filters-06 | registry:component | Filters with custom controls | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-filters-06.json` |
| demo-c-filters-07 | registry:component | Filters with data grid | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-filters-07.json` |
| demo-c-filters-08 | registry:component | Filters with data grid and async mode | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-filters-08.json` |
| demo-c-filters-09 | registry:component | Filters with i18n support | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-filters-09.json` |
| demo-c-filters-10 | registry:component | Filters with virtualized large lists | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-filters-10.json` |
| demo-c-filters-11 | registry:component | Filters with prefetched async options | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-filters-11.json` |
| demo-c-filters-12 | registry:component | Filters with async server-side search | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-filters-12.json` |
| demo-c-fluid-countdown-01 | registry:component | Interactive fluid rolling digits countdown timer. | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-fluid-countdown-01.json` |
| demo-c-fluid-crossfade-01 | registry:component | Interactive demo of Fluid Crossfade with fluid simulation, chromatic refraction, and Bayer dithering. | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-fluid-crossfade-01.json` |
| demo-c-fluid-distortion-image-01 | registry:component | Interactive demo of Fluid Distortion Image with real-time cursor impulse ripples. | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-fluid-distortion-image-01.json` |
| demo-c-fluid-dither-crossfade-01 | registry:component | Interactive demo of Fluid Dither Crossfade with real-time fluid simulation and Bayer dithering. | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-fluid-dither-crossfade-01.json` |
| demo-c-frost-blurred-01 | registry:component | Large type fading into a stacked frost blur along the bottom edge. | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-frost-blurred-01.json` |
| demo-c-github-activity-01 | registry:component | Pure GitHub activity component with meta controls for username, shape, header, and legend. | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-github-activity-01.json` |
| demo-c-github-activity-02 | registry:component | Layout configuration displaying KPI stat metric cards positioned above the contribution activity graph. | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-github-activity-02.json` |
| demo-c-github-activity-03 | registry:component | Layout configuration displaying the contribution activity graph on top with KPI stat cards positioned below. | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-github-activity-03.json` |
| demo-c-glass-button-icon-01 | registry:component | Icon-only glass buttons over a gradient backdrop. | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-glass-button-icon-01.json` |
| demo-c-glass-button-reveal-01 | registry:component | An icon glass button that widens and blur-reveals a text label on hover. | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-glass-button-reveal-01.json` |
| demo-c-glass-button-text-01 | registry:component | A text + icon glass CTA button over a gradient backdrop. | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-glass-button-text-01.json` |
| demo-c-gooey-blobs-01 | registry:component | Drag the two blobs close together to see them merge. | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-gooey-blobs-01.json` |
| demo-c-gooey-info-popover-01 | registry:component | Hover the info button to see it gooey-morph into a status card. | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-gooey-info-popover-01.json` |
| demo-c-gooey-slots-tooltip-01 | registry:component | Hover the info button to see it gooey-expand into a rich content card. | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-gooey-slots-tooltip-01.json` |
| demo-c-gooey-tooltip-01 | registry:component | Hover the button to see the tooltip follow your cursor and gooey-connect. | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-gooey-tooltip-01.json` |
| demo-c-handle-reel-01 | registry:component | Hero handle tumbler reel with ryna.me prefix. | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-handle-reel-01.json` |
| demo-c-handle-reel-02 | registry:component | Interactive trigger handle reel with custom role names and a tactile roll button. | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-handle-reel-02.json` |
| demo-c-icon-stack-01 | registry:component | Layered isometric icon | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-icon-stack-01.json` |
| demo-c-icon-stack-02 | registry:component | Responsive icon stack sizes | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-icon-stack-02.json` |
| demo-c-icon-stack-03 | registry:component | Semantic icon stack colors | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-icon-stack-03.json` |
| demo-c-icon-stack-04 | registry:component | Icon stack with badge overlay | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-icon-stack-04.json` |
| demo-c-icon-stack-05 | registry:component | Shadcn empty state illustration | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-icon-stack-05.json` |
| demo-c-icon-stack-06 | registry:component | Icon stack in shadcn item | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-icon-stack-06.json` |
| demo-c-image-dark-01 | registry:component | Demonstrates ImageDark automatically switching between light and dark logo assets with zero layout shift. | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-image-dark-01.json` |
| demo-c-image-dark-02 | registry:component | Demonstrates ImageDark with fill layout inside an aspect-ratio container. | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-image-dark-02.json` |
| demo-c-interactive-checklist-01 | registry:component | Tactile checklist with spring checkmarks, animated strike-through lines, and completion progress. | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-interactive-checklist-01.json` |
| demo-c-kanban-01 | registry:component | Kanban board with placeholder overlay | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-kanban-01.json` |
| demo-c-kanban-02 | registry:component | Kanban board with dynamic overlay | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-kanban-02.json` |
| demo-c-kanban-03 | registry:component | Kanban board with frame columns | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-kanban-03.json` |
| demo-c-kanban-04 | registry:component | Minimal kanban with stacked frame | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-kanban-04.json` |
| demo-c-kanban-05 | registry:component | Feature roadmap kanban with progress | `npx shadcn@latest add https://www.spaceui.one/r/demo-c-kanban-05.json` |

## For AI agents

```text
You are adding components from @spaceui to a shadcn-compatible project.
1. Read this file (https://sh4dcn.vercel.app/md/spaceui.md) for the component list.
2. Fetch the machine-readable index: https://www.spaceui.one/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: spaceui).
```