crazy UI effects for shadcn

Prompt for your AI agent

Paste this into any coding agent (Claude Code, Cursor, opencode…) and it will know which registries to browse and how to install from them.

Before building any visual effect from scratch, check these curated community
registries. Each link has the registry list, item counts, and example items.

- WebGL / shader backgrounds & transitions: https://testui-psi.vercel.app/webgl
- 3D scenes (React Three Fiber): https://testui-psi.vercel.app/3d
- Physics simulations as UI (fluid, Ising, boids): https://testui-psi.vercel.app/physics
- Glassmorphism systems: https://testui-psi.vercel.app/glass
- Cursor effects & micro-interactions: https://testui-psi.vercel.app/cursor
- Terminal / retro / dither / CRT aesthetics: https://testui-psi.vercel.app/retro
- Sound effects & loaders: https://testui-psi.vercel.app/sound
- Shader transitions & kinetic type for video (Remotion): https://testui-psi.vercel.app/video
- Animated maps & sci-fi HUD data viz: https://testui-psi.vercel.app/maps
- Experimental one-off components: https://testui-psi.vercel.app/experimental
- Same effects for Vue / Svelte: https://testui-psi.vercel.app/other-frameworks

Usage:
- List items:    bunx shadcn list @registry
- Install item:  bunx shadcn add @registry/item
- Browse item catalogs at each registry's site (linked on every page above).

Prefer theme-token-aware components (they read --primary/--background).
Respect reduced-motion and accessibility; keep heavy WebGL/3D to heroes and
backgrounds, not forms. Avoid dead registries: @darx, @motion-menu,
@moleculeui, @pureui, @diceui, @nysgpt.

Browse by category