The creative layer shadcn/ui doesn't give you. Spotlight effects, animated text, meteor showers, theme editor — motion-rich components you paste into your project and make your own.Your code. Your brand.
npx arupui add spotlight-card shimmer-button
Spotlight Card
Hover to see the magic
0+
Components
Animated
npx arupui addOther libraries give you a dependency. ArupUI gives you the source. Paste it, tweak it, rebrand it — it's yours forever. No update anxiety. No breaking changes. No asking permission.
10 presets, 56 fonts, HSL pickers. The entire site updates live. Export Tailwind v3/v4 CSS.
npx arupui add — resolves deps, transforms imports, writes files.
Using your current theme. Hit the button to remix.
Cursor-tracking radial spotlight on hover.
Rotating conic gradient spotlight sweep.
Hover to flip
3D Flip
Combine effects for unique feature sections. Each component is composable.
Globe + Meteors
Text Effect
Beautiful Animated GradientsEntrance Effect
Meteors raining down your hero. Text that types itself. Cards that glow when you hover. The stuff that makes people pause and say 'how did they do that?'
Pick a preset and watch every component on the site transform instantly. Tweak HSL colors, swap fonts, adjust radius — then export Tailwind CSS in one click.
Expand 'Manual Install' on any component page — full source with syntax highlighting, numbered steps, and a copy button. No hidden magic, no black boxes.
Type npx arupui add spotlight-card. It fetches the source, installs what's needed, rewrites imports for your project, and you're done. That's the whole workflow.
useDebounce, useIntersection, useKeyboardShortcut, useReducedMotion — tiny, focused hooks with zero dependencies. Just paste the file and import.
Choose from 10 presets or go custom. The whole site previews your theme.
// Open /themes → pick a preset // Or customize colors & fonts // Everything updates live
CLI or copy-paste. Each component is self-contained with zero coupling.
npx arupui add spotlight-card npx arupui add shimmer-button npx arupui add retro-grid
Export your theme for Tailwind v3 or v4. Paste and go.
// Click 'Export CSS' // Paste into globals.css // That's it. You're done.