Space UI

Overview

Space UI is an MIT-licensed design library of motion-powered React, TypeScript and Tailwind components, made by Adriel Zimbril. It covers animated primitives, shaders, tactile components, blocks, templates and hooks, and is designed for both human developers and AI workflows. The registry manifest lists more than 1,100 items, including 546 UI items, 386 components, 164 hooks and 20 blocks.

Components are built with Base UI, Tailwind CSS and Motion, and the whole starter set installs with @spaceui/essentials. Space UI also publishes companion packages for squircle corners, UI sounds, generative avatars, squishmoji and gradients, plus a set of design tools. A Pro plan covers every Pro block and template.

Features

• Interactions: Animated components such as glass, aurora glow, pixel fill and like buttons, and bouncy accordions
• Shaders: Mesh gradient, silk, fluid distortion, liquid mesh blur, heat shade and pixel reveal image effects
• Blocks: Carousels (dither, lens, liquid gooey, prism), stats blocks, sign-in, community wall and interactive grid hero
• Hooks and utils: 164 hooks for sensory effects, flow control and developer utilities
• Squircles and sounds: @usespaceui/squircle corner smoothing and @usespaceui/sounds Web Audio effects
• Design tools: UI avatars, squishmoji, 3D reveal, image split, flags and a motion template studio with MP4 export
• AI support: Docs on agents and the Model Context Protocol

Tech stack

• Next.js, React, TypeScript
• Base UI, Tailwind CSS, Motion
• Tabler Icons, Lucide, TanStack Table, date-fns

Registry

Install via the shadcn CLI registry:

npx shadcn@latest add @spaceui/component-name