ActiveAI/chat UIpro available7
@spaceui
AI/chat UI · MIT · data updated 2026-09-21
An open-source design library built for humans and AI to create expressive, polished, and high-quality interfaces, helping you build better products, faster
aiauthbackgroundsblocksbuttonscardscmsformsglassmorphismiconsloadersmedianavigationonboardingoverlayspro-availableretrotablestheming
Install
npx shadcn@latest add https://www.spaceui.one/r/registry.jsonHealth
StatusActive
Last committoday
LicenseMIT
Open issues0
ArchivedNo
Stars7
Components (1097)
block-card-info-1block-card-info-2block-community-wall-1block-dither-carouselblock-eleven-labsblock-interactive-fun-factsblock-interactive-grid-hero-1block-lens-carouselblock-liquid-gooey-carouselblock-prism-carouselblock-sign-inblock-stats-blogblock-stats-engagementblock-stats-generalblock-stats-githubblock-stats-performancecomponents-backgrounds-bubblecomponents-backgrounds-gradientcomponents-orb-bloopcomponents-orb-generatingcomponents-orb-loadingcomponents-orb-smoothcomponents-orb-thinkingcomponents-shader-cloudcomponents-shader-heat-shadecomponents-shader-paper-shadercomponents-shader-silk-flarecomponents-shader-silk-gradientcomponents-spaceui-adaptive-density-gridcomponents-spaceui-animojicomponents-spaceui-autoscale-inputcomponents-spaceui-avatar-extendedcomponents-spaceui-avatar-groupcomponents-spaceui-badge-squirclecomponents-spaceui-blur-reveal-textcomponents-spaceui-bouncy-accordioncomponents-spaceui-button-squirclecomponents-spaceui-chroma-palettecomponents-spaceui-copycomponents-spaceui-data-gridcomponents-spaceui-data-grid-column-filtercomponents-spaceui-data-grid-column-headercomponents-spaceui-data-grid-column-visibilitycomponents-spaceui-data-grid-paginationcomponents-spaceui-data-grid-scroll-areacomponents-spaceui-data-grid-tablecomponents-spaceui-data-grid-table-dndcomponents-spaceui-data-grid-table-dnd-rowscomponents-spaceui-data-grid-table-virtualcomponents-spaceui-date-selectorcomponents-spaceui-dirt-carouselcomponents-spaceui-doodle-calloutcomponents-spaceui-event-calendarcomponents-spaceui-event-calendar-agenda-viewcomponents-spaceui-event-calendar-contentcomponents-spaceui-event-calendar-dndcomponents-spaceui-event-calendar-eventcomponents-spaceui-event-calendar-i18ncomponents-spaceui-event-calendar-libcomponents-spaceui-event-calendar-month-view
Components: block-card-info-1, block-card-info-2, block-community-wall-1, block-dither-carousel, block-eleven-labs, block-interactive-fun-facts, block-interactive-grid-hero-1, block-lens-carousel, block-liquid-gooey-carousel, block-prism-carousel, block-sign-in, block-stats-blog, block-stats-engagement, block-stats-general, block-stats-github, block-stats-performance, components-backgrounds-bubble, components-backgrounds-gradient, components-orb-bloop, components-orb-generating, components-orb-loading, components-orb-smooth, components-orb-thinking, components-shader-cloud, components-shader-heat-shade, components-shader-paper-shader, components-shader-silk-flare, components-shader-silk-gradient, components-spaceui-adaptive-density-grid, components-spaceui-animoji, components-spaceui-autoscale-input, components-spaceui-avatar-extended, components-spaceui-avatar-group, components-spaceui-badge-squircle, components-spaceui-blur-reveal-text, components-spaceui-bouncy-accordion, components-spaceui-button-squircle, components-spaceui-chroma-palette, components-spaceui-copy, components-spaceui-data-grid, components-spaceui-data-grid-column-filter, components-spaceui-data-grid-column-header, components-spaceui-data-grid-column-visibility, components-spaceui-data-grid-pagination, components-spaceui-data-grid-scroll-area, components-spaceui-data-grid-table, components-spaceui-data-grid-table-dnd, components-spaceui-data-grid-table-dnd-rows, components-spaceui-data-grid-table-virtual, components-spaceui-date-selector, components-spaceui-dirt-carousel, components-spaceui-doodle-callout, components-spaceui-event-calendar, components-spaceui-event-calendar-agenda-view, components-spaceui-event-calendar-content, components-spaceui-event-calendar-dnd, components-spaceui-event-calendar-event, components-spaceui-event-calendar-i18n, components-spaceui-event-calendar-lib, components-spaceui-event-calendar-month-view, components-spaceui-event-calendar-nav, components-spaceui-event-calendar-recurrence, components-spaceui-event-calendar-resource-view, components-spaceui-event-calendar-time-grid, components-spaceui-event-calendar-types, components-spaceui-filters, components-spaceui-fluid-countdown, components-spaceui-fluid-crossfade, components-spaceui-fluid-distortion-image, components-spaceui-fluid-dither-crossfade, components-spaceui-frost-blurred, components-spaceui-github-activity, components-spaceui-glass-button, components-spaceui-gooey-blobs, components-spaceui-gooey-info-popover, components-spaceui-gooey-slots-tooltip, components-spaceui-gooey-tooltip, components-spaceui-handle-reel, components-spaceui-icon-stack, components-spaceui-image-dark, components-spaceui-interactive-checklist, components-spaceui-item, components-spaceui-kanban, components-spaceui-liquid-metal-border, components-spaceui-liquid-sortable-list, components-spaceui-liquid-switch, components-spaceui-morph-icon, components-spaceui-morphing-area, components-spaceui-morphing-command-bar, components-spaceui-morphing-search-pill, components-spaceui-morphing-text, components-spaceui-notification-list, components-spaceui-phone-input, components-spaceui-pin-list, components-spaceui-pixel-fill-button, components-spaceui-pixel-reveal-image, components-spaceui-pixel-reveal-text, components-spaceui-rating, components-spaceui-resizable, components-spaceui-scatter-text, components-spaceui-scrollspy, components-spaceui-section-scrollspy, components-spaceui-silk-border, components-spaceui-slide-to-confirm, components-spaceui-slosh-slider, components-spaceui-smooth-slider, components-spaceui-sortable, components-spaceui-status-badge, components-spaceui-team-roster-selector, components-spaceui-textmoji, components-spaceui-theme-toggle, components-spaceui-tick-slider, components-spaceui-timeline, components-spaceui-tournament-bracket, components-spaceui-user-presence-avatar, components-spaceui-velocity-hover-preview, components-spaceui-words-preloader, demo-c-backgrounds-bubble-01, demo-c-backgrounds-gradient-01, demo-c-orb-bloop-01, demo-c-orb-generating-01, demo-c-orb-loading-01, demo-c-orb-loading-02, demo-c-orb-loading-03, demo-c-orb-loading-04, demo-c-orb-smooth-01, demo-c-orb-thinking-01, demo-c-orb-thinking-02, demo-c-orb-thinking-03, demo-c-orb-thinking-04, demo-c-orb-thinking-05, demo-c-orb-thinking-06, demo-c-orb-thinking-07, demo-c-orb-thinking-08, demo-c-orb-thinking-09, demo-c-cloud-01, demo-c-heat-shade-01, demo-c-heat-shade-02, demo-c-paper-shader-01, demo-c-silk-flare-01, demo-c-silk-gradient-01, demo-c-adaptive-density-grid-01, demo-c-adaptive-density-grid-02, demo-c-animoji-01, demo-c-animoji-02, demo-c-animoji-03, demo-c-animoji-04, demo-c-autoscale-input-01, demo-c-badge-squircle-01, demo-c-badge-squircle-02, demo-c-badge-squircle-03, demo-c-blur-reveal-text-01, demo-c-bouncy-accordion-01, demo-c-button-squircle-01, demo-c-button-squircle-02, demo-c-button-squircle-03, demo-c-chroma-palette-01, demo-c-data-grid-01, demo-c-data-grid-02, demo-c-data-grid-03, demo-c-data-grid-04, demo-c-data-grid-05, demo-c-data-grid-06, demo-c-data-grid-07, demo-c-data-grid-08, demo-c-data-grid-09, demo-c-data-grid-10, demo-c-data-grid-11, demo-c-data-grid-12, demo-c-data-grid-13, demo-c-data-grid-14, demo-c-data-grid-15, demo-c-data-grid-16, demo-c-data-grid-17, demo-c-data-grid-18, demo-c-data-grid-19, demo-c-data-grid-20, demo-c-data-grid-21, demo-c-data-grid-22, demo-c-data-grid-23, demo-c-data-grid-24, demo-c-data-grid-25, demo-c-data-grid-26, demo-c-data-grid-27, demo-c-data-grid-28, demo-c-data-grid-29, demo-c-date-selector-01, demo-c-date-selector-02, demo-c-date-selector-03, demo-c-date-selector-04, demo-c-dirt-carousel-01, demo-c-doodle-callout-01, demo-c-event-calendar-01, demo-c-event-calendar-02, demo-c-event-calendar-03, demo-c-event-calendar-04, demo-c-event-calendar-05, demo-c-file-upload-01, demo-c-file-upload-02, demo-c-file-upload-03, demo-c-file-upload-04, demo-c-file-upload-05, demo-c-file-upload-06, demo-c-file-upload-07, demo-c-file-upload-08, demo-c-file-upload-09, demo-c-file-upload-10, demo-c-filters-01, demo-c-filters-02, demo-c-filters-03, demo-c-filters-04, demo-c-filters-05, demo-c-filters-06, demo-c-filters-07, demo-c-filters-08, demo-c-filters-09, demo-c-filters-10, demo-c-filters-11, demo-c-filters-12, demo-c-fluid-countdown-01, demo-c-fluid-crossfade-01, demo-c-fluid-distortion-image-01, demo-c-fluid-dither-crossfade-01, demo-c-frost-blurred-01, demo-c-github-activity-01, demo-c-github-activity-02, demo-c-github-activity-03, demo-c-glass-button-icon-01, demo-c-glass-button-reveal-01, demo-c-glass-button-text-01, demo-c-gooey-blobs-01, demo-c-gooey-info-popover-01, demo-c-gooey-slots-tooltip-01, demo-c-gooey-tooltip-01, demo-c-handle-reel-01, demo-c-handle-reel-02, demo-c-icon-stack-01, demo-c-icon-stack-02, demo-c-icon-stack-03, demo-c-icon-stack-04, demo-c-icon-stack-05, demo-c-icon-stack-06, demo-c-image-dark-01, demo-c-image-dark-02, demo-c-interactive-checklist-01, demo-c-kanban-01, demo-c-kanban-02, demo-c-kanban-03, demo-c-kanban-04, demo-c-kanban-05, demo-c-kanban-06, demo-c-liquid-metal-border-01, demo-c-liquid-metal-border-02, demo-c-liquid-metal-border-03, demo-c-liquid-metal-border-04, demo-c-liquid-sortable-list-01, demo-c-liquid-switch-01, demo-c-morph-icon-01, demo-c-morph-icon-02, demo-c-morph-icon-03, demo-c-morph-icon-04, demo-c-morph-icon-05, demo-c-morph-icon-06, demo-c-morphing-area-01, demo-c-morphing-command-bar-01, demo-c-morphing-search-pill-01, demo-c-morphing-text-01, demo-c-morphing-text-02, demo-c-notification-list-01, demo-c-phone-input-01, demo-c-phone-input-02, demo-c-phone-input-03, demo-c-phone-input-04, demo-c-phone-input-05, demo-c-phone-input-06, demo-c-phone-input-07, demo-c-phone-input-08, demo-c-phone-input-09, demo-c-phone-input-10, demo-c-pin-list-01, demo-c-pixel-fill-button-01, demo-c-pixel-reveal-image-01, demo-c-pixel-reveal-text-01, demo-c-pixel-reveal-text-02, demo-c-rating-01, demo-c-rating-02, demo-c-rating-03, demo-c-rating-04, demo-c-rating-05, demo-c-rating-06, demo-c-rating-07, demo-c-rating-08, demo-c-rating-09, demo-c-resizable-01, demo-c-resizable-02, demo-c-resizable-03, demo-c-resizable-04, demo-c-resizable-05, demo-c-resizable-06, demo-c-resizable-07, demo-c-resizable-08, demo-c-resizable-09, demo-c-resizable-10, demo-c-scatter-text-01, demo-c-scrollspy-01, demo-c-scrollspy-02, demo-c-section-scrollspy-01, demo-c-silk-border-01, demo-c-silk-border-02, demo-c-silk-border-03, demo-c-silk-border-04, demo-c-slide-to-confirm-01, demo-c-slosh-slider-01, demo-c-smooth-slider-01, demo-c-sortable-01, demo-c-sortable-02, demo-c-sortable-03, demo-c-sortable-04, demo-c-sortable-05, demo-c-sortable-06, demo-c-sortable-07, demo-c-sortable-08, demo-c-squircle-01, demo-c-status-badge-01, demo-c-status-badge-02, demo-c-status-badge-03, demo-c-status-badge-04, demo-c-status-badge-05, demo-c-status-badge-06, demo-c-status-badge-07, demo-c-status-badge-08, demo-c-status-badge-09, demo-c-team-roster-selector-01, demo-c-textmoji-01, demo-c-textmoji-02, demo-c-textmoji-03, demo-c-textmoji-04, demo-c-textmoji-05, demo-c-theme-toggle-01, demo-c-tick-slider-01, demo-c-timeline-01, demo-c-timeline-02, demo-c-timeline-03, demo-c-timeline-04, demo-c-timeline-05, demo-c-timeline-06, demo-c-timeline-07, demo-c-timeline-08, demo-c-timeline-09, demo-c-timeline-10, demo-c-timeline-11, demo-c-timeline-12, demo-c-tournament-bracket-01, demo-c-user-presence-avatar-01, demo-c-velocity-hover-preview-01, demo-c-words-preloader-01, demo-h-auto-height-01, demo-h-auto-height-02, demo-h-controlled-state-01, demo-h-data-state-01, demo-h-use-in-view-01, demo-h-motion-value-state-01, demo-h-battery-status-01, demo-h-clipboard-01, demo-h-clipboard-02, demo-h-clipboard-03, demo-h-use-cookie-01, demo-h-cookie-listener-01, demo-h-device-os-01, demo-h-favicon-01, demo-h-fullscreen-01, demo-h-is-mac-01, demo-h-local-storage-01, demo-h-local-storage-02, demo-h-local-storage-03, demo-h-media-query-01, demo-h-network-01, demo-h-orientation-01, demo-h-prefers-theme-01, demo-h-script-01, demo-h-session-storage-01, demo-h-share-01, demo-h-tab-notification-01, demo-h-title-01, demo-h-class-01, demo-h-for-01, demo-h-for-02, demo-h-if-01, demo-h-image-01, demo-h-in-view-01, demo-h-render-after-01, demo-h-show-01, demo-h-switch-01, demo-h-switch-02, demo-h-click-outside-01, demo-h-event-listener-01, demo-h-hover-01, demo-h-hover-02, demo-h-intersection-observer-01, demo-h-key-press-01Preview
Live sandbox previews render component source client-side. Where a component can’t be rendered standalone, sh4dcn falls back to its source and install command.
@spaceui · block-card-info-1
npx shadcn@latest add https://www.spaceui.one/r/block-card-info-1.jsonView source