shadszn/ui
The SZNS Design System for React
Glass-morphism components built on Radix UI, Tailwind CSS, and Framer Motion. Part of the SZNS ecosystem.
$ npx shadcn@latest add @shadszn/buttonGlass Morphism
Backdrop blur, transparency, and depth. Surfaces feel alive with layered glass effects and luminous borders.
Dark & Light
Dual-mode theming powered by CSS variables. A deep navy dark mode and warm Springboard-style light mode.
Motion
Framer Motion animations built in. Smooth entrances, hover states, and page transitions out of the box.
Agent-First
llms.txt and content negotiation for AI tools. Your design system is readable by both humans and agents.
See it in action
Real components from the registry, rendered live. What you see is what you ship.
32 Components & Blocks
Everything you need to build complete interfaces. Each component is accessible, themeable, and installable with a single command.