Tailwind CSS 4.0 · shadcn compatible
UI built for AI-first
products
Animated, accessible components for the
next generation of web apps. Copy. Paste. Ship.
Free & open source
Dark mode first
Motion ready
AI Input 04
ai-input / animated
Card 08
cards / spotlight tilt
Loader 02
loaders / skeleton
Status Badge 01
badges / animated
+ 16 more components across 10 categories
20+
quality components
17
AI input variants
5
full-page blocks
∞
free forever
Built for AI products
Every component ships dark-mode-first, motion-ready, and accessible out of the box.
ai-input
Command-palette grade inputs
Model switcher, file drop, voice toggle, streaming — everything an AI chat UI needs.
loaders
Skeleton & status
Shimmer skeletons, pulsing status badges, thinking dots.
buttons
Every interaction covered
15 variants from ghost to gradient to magnetic.
Ghost
Primary
cards
Spotlight & tilt
Mouse-tracking radial gradients, 3D perspective tilt, glassmorphism.
kbd
Raycast-style kbd chips
For command palettes and power-user interfaces.
⌘ K
⌃ ⇧ P
empty-states
Never leave users stranded
Illustrated empty state with icon, message, and CTA.
No items found
Full-page blocks
Drop in a complete page. Every block is CLI-installable via shadcn.
$ npx shadcn@latest add https://ui.structra.dev/r/dashboard.json