spaceui — 13 React Components, Preview & Copy

Also in the spaceui registry

Copy a prompt for your agent, copy the install command, or open the docs that ship it.

block-card-info-1

lib-utils

block-card-info-2

lib-utils

block-community-wall-1

lib-utils, hooks-lifecycle-use-confirm-exit

block-eleven-labs

lib-utils

block-interactive-fun-facts

lib-utils

block-interactive-grid-hero-1

lib-utils

block-lens-carousel

lib-three-types, lib-utils, lib-next-image-url

block-liquid-gooey-carousel

hooks-utils-logger, lib-utils, lib-next-image-url

block-prism-carousel

hooks-utils-logger, lib-utils, lib-next-image-url

block-showcase-gallery

lib-utils

block-stats-blog

lib-utils

block-stats-engagement

lib-utils

block-stats-general

lib-utils

block-stats-github

lib-utils

block-stats-performance

lib-utils

components-backgrounds-bubble

hooks-dom-use-event-listener, lib-utils1 example

components-backgrounds-gradient

lib-utils1 example

components-orb-loading

lib-utils4 examples

components-orb-smooth

hooks-utils-logger, lib-gpu-runtime, lib-utils, lib-next-image-url1 example

components-orb-thinking

9 examples

components-shader-cloud

hooks-utils-logger, lib-gpu-runtime, lib-utils1 example

components-shader-fluid-crossfade

lib-three-types, lib-utils, lib-next-image-url1 example

components-shader-fluid-distortion-image

lib-three-types, hooks-utils-logger, lib-utils, lib-next-image-url1 example

components-shader-fluid-dither-crossfade

lib-three-types, hooks-utils-logger, lib-utils, lib-next-image-url1 example

components-shader-heat-shade

hooks-utils-logger, lib-gpu-runtime, lib-utils2 examples

components-shader-liquid-mask-crossfade

lib-three-types, hooks-utils-logger, lib-utils, lib-next-image-url1 example

components-shader-liquid-mesh-blur

lib-utils2 examples

components-shader-paper-shader

hooks-utils-logger1 example

components-shader-pixel-reveal-image

lib-three-types, hooks-utils-logger, lib-utils, lib-next-image-url1 example

components-shader-silk-flare

hooks-utils-logger, lib-gpu-runtime, lib-utils

components-shader-silk-gradient

hooks-utils-logger, lib-gpu-runtime, lib-utils

components-spaceui-adaptive-density-grid

lib-utils2 examples

components-spaceui-animoji

lib-utils4 examples

components-spaceui-aurora-glow-button

lib-utils1 example

components-spaceui-autoscale-input

lib-utils1 example

components-spaceui-avatar-group

lib-utils

components-spaceui-badge-squircle

lib-utils3 examples

components-spaceui-blur-reveal-text

lib-utils1 example

components-spaceui-bouncy-accordion

lib-utils, hooks-animation-use-auto-height1 example

components-spaceui-button-squircle

lib-utils3 examples

components-spaceui-chroma-palette

lib-utils1 example

components-spaceui-copy

hooks-animation-use-controlled-state, hooks-browser-use-clipboard, lib-utils

components-spaceui-data-grid

lib-utils28 examples

components-spaceui-data-grid-column-filter

lib-utils

components-spaceui-data-grid-column-header

lib-utils

components-spaceui-data-grid-column-visibility

components-spaceui-data-grid-pagination

lib-utils

components-spaceui-data-grid-scroll-area

lib-utils

components-spaceui-data-grid-table

lib-utils

components-spaceui-data-grid-table-dnd

components-spaceui-data-grid-table-dnd-rows

lib-utils

components-spaceui-data-grid-table-virtual

lib-utils

components-spaceui-date-selector

hooks-browser-use-media-query, lib-utils5 examples

components-spaceui-detachable-accordion

lib-utils1 example

components-spaceui-dirt-carousel

lib-utils1 example

components-spaceui-event-calendar

hooks-utils-logger, lib-utils5 examples

components-spaceui-event-calendar-agenda-view

lib-utils

components-spaceui-event-calendar-content

lib-utils

components-spaceui-event-calendar-dnd

components-spaceui-event-calendar-event

lib-utils

components-spaceui-event-calendar-i18n

components-spaceui-event-calendar-lib

components-spaceui-event-calendar-month-view

lib-utils

components-spaceui-event-calendar-nav

lib-utils

components-spaceui-event-calendar-recurrence

components-spaceui-event-calendar-resource-view

lib-utils

components-spaceui-event-calendar-time-grid

hooks-dom-use-event-listener, lib-utils

components-spaceui-event-calendar-types

components-spaceui-filters

hooks-dom-use-event-listener, lib-utils9 examples

components-spaceui-flip-text

lib-utils1 example

components-spaceui-fluid-countdown

lib-utils1 example

components-spaceui-frost-blurred

lib-utils1 example

components-spaceui-github-activity

hooks-utils-logger, lib-utils3 examples

components-spaceui-glass-button

lib-utils3 examples

components-spaceui-gooey-blobs

lib-utils1 example

components-spaceui-gooey-info-popover

lib-utils1 example

components-spaceui-gooey-slots-tooltip

lib-utils1 example

components-spaceui-gooey-text-reveal

hooks-animation-use-in-view1 example

components-spaceui-gooey-tooltip

lib-utils1 example

components-spaceui-icon-stack

lib-utils6 examples

components-spaceui-image-dark

lib-utils2 examples

components-spaceui-interactive-checklist

lib-utils1 example

components-spaceui-interest-picker

lib-utils1 example

components-spaceui-item

lib-utils

components-spaceui-like-button

lib-utils1 example

components-spaceui-liquid-metal-border

lib-utils4 examples

components-spaceui-liquid-sortable-list

lib-utils1 example

components-spaceui-liquid-switch

lib-utils1 example

components-spaceui-member-selector

lib-utils1 example

components-spaceui-morph-icon

lib-utils6 examples

components-spaceui-morphing-area

lib-utils1 example

components-spaceui-morphing-command-bar

lib-utils1 example

components-spaceui-morphing-search-pill

lib-utils1 example

components-spaceui-morphing-text

lib-utils2 examples

components-spaceui-notification-list

1 example

components-spaceui-phone-input

lib-utils10 examples

components-spaceui-pin-list

lib-utils1 example

components-spaceui-pixel-fill-button

lib-utils1 example

components-spaceui-pixel-reveal-text

lib-three-types, lib-utils2 examples

components-spaceui-rainbow-glow-border

lib-utils4 examples

components-spaceui-rainbow-glow-button

lib-utils1 example

components-spaceui-rating

lib-utils8 examples

components-spaceui-resizable

lib-utils2 examples

components-spaceui-scatter-text

lib-utils

components-spaceui-scroll-manifesto

lib-utils

components-spaceui-scrollspy

components-spaceui-scroll-text-reveal

lib-utils

components-spaceui-section-scrollspy

lib-utils

components-spaceui-silk-border

lib-utils

components-spaceui-slide-to-confirm

lib-utils

components-spaceui-slosh-slider

lib-utils

components-spaceui-smooth-slider

lib-utils

components-spaceui-sortable

hooks-utils-logger, lib-utils1 example

components-spaceui-status-badge

lib-utils

components-spaceui-team-roster-selector

lib-utils

components-spaceui-textmoji

lib-utils

components-spaceui-theme-toggle

lib-utils

components-spaceui-tick-slider

lib-utils

components-spaceui-timeline

lib-utils

components-spaceui-tournament-bracket

lib-utils

components-spaceui-velocity-hover-preview

lib-three-types, lib-utils, lib-next-image-url

components-spaceui-words-preloader

lib-utils

interactions-agent-activity-feed

lib-utils

interactions-agent-clearance-deck

lib-utils, components-button-button-squircle

interactions-agent-genesis-forge

lib-utils, components-button-button-squircle

interactions-agent-pipeline

lib-utils, hooks-utils-format-text

interactions-agent-usage-card

lib-utils

interactions-capability-matrix

lib-utils, components-button-button-squircle

interactions-cognitive-pulse-monitor

lib-utils

interactions-currency-converter

lib-utils

interactions-deploy-pipeline

lib-utils

interactions-hallucination-radar

lib-utils

interactions-priority-sort-lane

lib-utils

interactions-realtime-voice

lib-utils, hooks-utils-logger

interactions-status-badge-glow

lib-utils

primitives-accordion

lib-utils

primitives-alert

lib-utils8 examples

primitives-alert-dialog

lib-utils

primitives-aspect-ratio

lib-utils

primitives-autocomplete

lib-utils

primitives-avatar

lib-utils

primitives-badge

lib-utils

primitives-breadcrumb

lib-utils

primitives-button

lib-utils1 example

primitives-calendar

lib-utils

primitives-card

lib-utils

primitives-checkbox

lib-utils

primitives-checkbox-group

lib-utils

primitives-collapsible

lib-utils

primitives-combobox

lib-utils

primitives-command

lib-utils

primitives-context-menu

lib-utils

primitives-dialog

lib-utils

primitives-direction

primitives-drawer

lib-utils

primitives-empty

lib-utils

primitives-field

lib-utils

primitives-fieldset

lib-utils

primitives-form

primitives-frame

lib-utils

primitives-group

lib-utils

primitives-input

lib-utils

primitives-input-group

lib-utils

primitives-kbd

lib-utils

primitives-label

lib-utils

primitives-link

lib-utils

primitives-menu

lib-utils

primitives-menubar

lib-utils

primitives-meter

lib-utils

primitives-navigation-menu

lib-utils

primitives-number-field

lib-utils

primitives-otp-field

lib-utils

primitives-pagination

lib-utils

primitives-popover

lib-utils

primitives-preview-card

lib-utils

primitives-progress

lib-utils

primitives-radio-group

lib-utils

primitives-scroll-area

lib-utils

primitives-select

lib-utils

primitives-separator

lib-utils

primitives-sheet

lib-utils

primitives-sidebar

hooks-browser-use-media-query, hooks-dom-use-event-listener, lib-utils

primitives-skeleton

lib-utils

primitives-slider

lib-utils

primitives-spinner

lib-utils

primitives-switch

lib-utils

primitives-table

lib-utils

primitives-tabs

lib-segmented-control, lib-utils

primitives-textarea

lib-utils

primitives-toast

lib-utils

primitives-toggle

lib-utils

primitives-toggle-group

lib-utils

primitives-toolbar

lib-utils

primitives-tooltip

lib-utils

template-ai-chat-workspace

lib-utils

template-immersive-lens

lib-three-types, lib-next-image-url, lib-utils

template-stats

lib-utils

From the spaceui readme

@usespaceui/ui

The official Space UI website, documentation, and component registry.

Live Demo • Source Code • SpaceUI.one

✨ Overview

@usespaceui/ui is the official Space UI Next.js application.

It hosts the documentation, the copy-paste component registry, and live playgrounds for the Space UI primitives.

This application is built with Next.js, Tailwind CSS, Base UI, and Motion.

🚀 Running Locally

pnpm install
pnpm dev

Open http://localhost:3000 in your browser.

📦 Related Packages

Package	Description
`@usespaceui/avatars`	Generative deterministic avatars
`@usespaceui/sounds`	UI sound effects and audio interactions
`@usespaceui/squircle`	Figma-style corner smoothing (Apple squircles)
`@usespaceui/gradients`	Programmatic mesh gradients and palettes
`@usespaceui/squishmoji`	Procedural SVG squishmoji
`@usespaceui/emoji`	Unified multi-vendor emoji library

🪪 License

MIT — Free for commercial and personal use.

📚 Resources

🔍 Explore Space UI
📖 Full Documentation

🛠 Maintenance

If you find a bug or have a feature request, please open an issue on GitHub.

This project follows a Code of Conduct.

Maintained by the Space UI Team

What spaceui builds on

The packages and primitives its components pull in, counted across the registry.

lib-utils218hooks-utils-logger19lib-next-image-url13hooks-form-use-file-upload9lib-three-types9hooks-utils-format-bytes7lib-gpu-runtime6hooks-browser-use-clipboard5hooks-dom-use-event-listener4components-button-button-squircle3components-button-squircle2hooks-browser-use-media-query2

What spaceui shipped recently

Every appearance and removal our crawl has seen in the registry index.

block-showcase-galleryaddedOct 1, 2026

block-lens-carouseladdedSep 17, 2026

block-community-wall-1addedSep 16, 2026

block-interactive-grid-hero-1addedSep 16, 2026

block-dither-carouseladdedSep 13, 2026

block-liquid-gooey-carouseladdedSep 13, 2026

block-prism-carouseladdedSep 13, 2026

block-stats-blogaddedSep 13, 2026

block-stats-engagementaddedSep 13, 2026

block-stats-generaladdedSep 13, 2026

block-stats-github

spaceui contents

Voice Chat Widget

Mesh Gradient

Gradient File Upload

User Presence Avatar

Dither Carousel

Avatar Extended

Avatar Extended

Avatar Extended

Avatar Extended

Avatar Extended

Avatar Extended

Handle Reel

Handle Reel

Kanban Board

Doodle Callout

Thinking Orb

Thinking Orb

Thinking Orb

Thinking Orb

Thinking Orb

Thinking Orb

Thinking Orb

Thinking Orb

Thinking Orb

About spaceui

Also in the spaceui registry

block-card-info-1

block-card-info-2

block-community-wall-1

block-eleven-labs

block-interactive-fun-facts

block-interactive-grid-hero-1

block-lens-carousel

block-liquid-gooey-carousel

block-prism-carousel

block-showcase-gallery

block-stats-blog

block-stats-engagement

block-stats-general

block-stats-github

block-stats-performance

components-backgrounds-bubble

components-backgrounds-gradient

components-orb-loading

components-orb-smooth

components-orb-thinking

components-shader-cloud

components-shader-fluid-crossfade

components-shader-fluid-distortion-image

components-shader-fluid-dither-crossfade

components-shader-heat-shade

components-shader-liquid-mask-crossfade

components-shader-liquid-mesh-blur

components-shader-paper-shader

components-shader-pixel-reveal-image

components-shader-silk-flare

components-shader-silk-gradient

components-spaceui-adaptive-density-grid

components-spaceui-animoji

components-spaceui-aurora-glow-button

components-spaceui-autoscale-input

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