Component Library

What We Can Build

Every component pre-installed and ready to use. shadcn/ui for structure, Magic UI for animation, Aceternity UI for drama, Framer Motion for control.

44 shadcn/ui components

10 Magic UI effects

6 Motion Primitives

3 libs GSAP + Lottie + Auto-Animate

3D React Three Fiber + Drei

Recharts + TanStack Charts & Tables

shadcn/uiMagic UIAceternity UIMotion PrimitivesGSAPFramer MotionReact Three FiberRechartsTanStack TableLottieTailwind CSS v4TypeScript

shadcn/ui

src/components/ui/

Accessible, composable components built on Radix UI. Copy-paste — no lock-in.

Buttons

Toggles & Toggle Groups

Badges

Default

Secondary

Destructive

Outline

Success

Warning

Cards

System Status

All systems operational

API response time: 42ms. Uptime: 99.97%.

Online

v2.4.1

Featured Plan

Live Metrics

Real-time system load

CPU Load45%

Memory91%

Form Elements

Text Input

Email (disabled)

Textarea

Select Dropdown

Accept terms and conditions

Email notifications

Sliders & Radio Groups

Volume

Price range

Plan

Free

Pro

Team

Form (react-hook-form + zod)

Input OTP

[data-input-otp] { --nojs-bg: white !important; --nojs-fg: black !important; background-color: var(--nojs-bg) !important; color: var(--nojs-fg) !important; caret-color: var(--nojs-fg) !important; letter-spacing: .25em !important; text-align: center !important; border: 1px solid var(--nojs-fg) !important; border-radius: 4px !important; width: 100% !important; } @media (prefers-color-scheme: dark) { [data-input-otp] { --nojs-bg: black !important; --nojs-fg: white !important; } }

Calendar

July 2026

Avatars & Skeletons

Avatars

JDMXAINM

Loading Skeletons

Alerts

Heads up

System update scheduled for tonight at 02:00 UTC. Expect ~5 min downtime.

Critical Warning

Disk usage at 94%. Clear cache or expand storage immediately.

Accordion & Tabs

Accordion

Tabs

Tab panels are fully swappable, keyboard-accessible, and animated.

Collapsible

@astra starred 3 repositories

Table

A list of recent invoices.
Invoice	Status	Method	Amount
INV001	Paid	Credit Card	$250.00
INV002	Pending	PayPal	$150.00
INV003	Unpaid	Bank Transfer	$350.00

Command Palette

Breadcrumb & Pagination

Navigation Menu & Menubar

Dialogs, Sheets, Popovers & Menus

Right-click here

Carousel

Scroll Area, Resizable & Aspect Ratio

Scroll Area

Item #1

Item #2

Item #3

Item #4

Item #5

Item #6

Item #7

Item #8

Item #9

Item #10

Item #11

Item #12

Item #13

Item #14

Item #15

Item #16

Item #17

Item #18

Item #19

Item #20

Resizable

Drag →

← Drag

Aspect Ratio (16:9)

16 / 9