3D / React Three Fiber
Real 3D scenes, theme-aware and one CLI command away.
3D scenes for shadcn/ui — every component colors itself from your theme tokens.
- crystal — faceted glass gem with real refraction
- boids — living flock simulation in 3D
- tesseract — 4D hypercube in double rotation
- cloth — Verlet spring-mass fabric
- warp-tunnel — hyperspace star streaks
bunx shadcn add @threecn/<item>
Huge block library hiding serious WebGL2 experiments in its blocks section.
- block-dither-carousel — 3D cylindrical WebGL2 carousel w/ axial blur
- block-liquid-gooey-carousel — SDF liquid-fusing cards
- block-prism-carousel — images sampled through an optical prism
- components-orb-bloop — audio-reactive orb shader
bunx shadcn add @spaceui/<item>
Animated components with AI reproduction prompts, so agents can rebuild variants.
- curious-ai — morphing Three.js AI orb with rim lights
- cube-carousel — draggable 3D photo cube
- distortion-grid — undulating wave grid background
bunx shadcn add @aicanvas/<item>