sh4dcnv2 · atlas
← libraries

@aicanvas

Growing open-source collection of 64+ animated React components (TypeScript, Motion/Framer Motion, Tailwind CSS) aimed at designers and developers. Notable component groups include: Label Cards, Cards & Modals (Travel Deck, AI Job Cards, Task Cards), Backgrounds (Particle Sphere), and more. Each component ships with full source code and expert-crafted AI reproduction prompts for Claude Code, Lovable, and v0. Free, MIT-licensed. Install via shadcn CLI. Use for: quickly grabbing a polished animated card or background component and immediately being able to remix or extend it with an AI coding tool.

181 components pro available react shadcn-cli MIT

Install this registry

shadcn (npm) npx shadcn@latest add https://aicanvas.me/r/registry.json
pnpm pnpm dlx shadcn@latest add https://aicanvas.me/r/registry.json
bun bunx shadcn@latest add https://aicanvas.me/r/registry.json
fetch registry curl -s https://aicanvas.me/r/registry.json

Components

181 total
AI Job Cards ui

Three AI job card stacks with swipe-to-cycle. Brand logos, bookmark toggle, springs. Free account required to install; source is free to read.

npx shadcn@latest add https://aicanvas.me/r/ai-job-cards.json
Andromeda Button ui

A sci-fi / blueprint-aesthetic button with five variants (default, outline, ghost, destructive, link), three sizes (small, medium, large), optional leading ico…

npx shadcn@latest add https://aicanvas.me/r/andromeda-button.json
Meet the Crew ui

A swipeable portrait card stack perfect for introducing a team, showcasing crew members, or picking an avatar. Four stacked cards fan out with soft rotations: …

npx shadcn@latest add https://aicanvas.me/r/meet-the-crew.json
Blind Pull Toggle ui

A dark/light mode toggle styled as a window-blind pull cord. Click to yank the cord and watch the icon swap through a venetian-blind slat animation. Free accou…

npx shadcn@latest add https://aicanvas.me/r/blind-pull-toggle.json
Bubble Field ui

An animated bubble background. A monochrome grid of outline circles bursts near the cursor, expanding and fading, then reforming. Free account required to inst…

npx shadcn@latest add https://aicanvas.me/r/bubble-field.json
Charging Widget ui

Circular battery indicator with animated liquid waves that rise as the percentage counts up, looping continuously. Free account required to install; source is …

npx shadcn@latest add https://aicanvas.me/r/charging-widget.json
Crypto Swap ui

A crypto token-swap widget with live exchange rates, price impact, and an animated swap button. Free account required to install; source is free to read.

npx shadcn@latest add https://aicanvas.me/r/crypto-swap.json
Cube Carousel ui

An interactive 3D photo cube with six placeholder images on its faces. Drag with your cursor to spin it freely on both axes; release and it coasts naturally to…

npx shadcn@latest add https://aicanvas.me/r/cube-carousel.json
Curious AI ui

A morphing 3D AI orb in Three.js with cyan and magenta rim lights, iridescent pink speckles on a wrinkled surface, and glowing pink robot-eye pills that follow…

npx shadcn@latest add https://aicanvas.me/r/curious-ai.json
Danger Stripes ui

Three crossing caution-tape stripes on orange. Hover to shake, click to intensify. Free account required to install; source is free to read.

npx shadcn@latest add https://aicanvas.me/r/danger-stripes.json
Delete Button ui

A red button that starts a five-second delete countdown, with a one-tap undo. Free account required to install; source is free to read.

npx shadcn@latest add https://aicanvas.me/r/delete-button.json
Diamond Grid ui

A faint canvas grid of diamonds. Seeded sparks send light outward until fronts meet. Free account required to install; source is free to read.

npx shadcn@latest add https://aicanvas.me/r/diamond-grid.json
Distortion Grid ui

An animated grid background. Thin lines undulate in slow sweeping waves, and hovering repels the grid fabric outward from your cursor. Free account required to…

npx shadcn@latest add https://aicanvas.me/r/distortion-grid.json
Dot Grid ui

An animated dot grid background. Hovering lights up nearby dots with a smooth glow and an organic fade. Free account required to install; source is free to rea…

npx shadcn@latest add https://aicanvas.me/r/dot-grid.json
Emoji Burst ui

A button that explodes emojis outward in all directions. Five emoji sets cycle on each click. Free account required to install; source is free to read.

npx shadcn@latest add https://aicanvas.me/r/emoji-burst.json
Expanding Tabs ui

A monochrome tab bar of icon circles. Click one and it expands into a labeled pill. Free account required to install; source is free to read.

npx shadcn@latest add https://aicanvas.me/r/expanding-tabs.json
Flip Calendar ui

A desk-calendar widget showing dates 1–31 with a satisfying flip-clock page-turn animation. Free account required to install; source is free to read.

npx shadcn@latest add https://aicanvas.me/r/flip-calendar.json
Travel Deck ui

A swipeable deck of destination cards. Drag the front card down to fling it off-screen and reveal the next. Each card reveals an animated hotels counter as it …

npx shadcn@latest add https://aicanvas.me/r/traveldeck.json
Glass AI Composer ui

Glassmorphism AI chat input with image upload, web search toggle, and model switcher. Free account required to install; source is free to read.

npx shadcn@latest add https://aicanvas.me/r/glass-ai-compose.json
Glass Card ui

Glassmorphism content cards with 3D tilt-on-hover, spring physics, and a cursor-following glare highlight. Free account required to install; source is free to …

npx shadcn@latest add https://aicanvas.me/r/glass-card.json
Glass Dock ui

Glassmorphism macOS-style dock with cursor-proximity magnification. Icons scale with spring physics as the mouse approaches. Free account required to install; …

npx shadcn@latest add https://aicanvas.me/r/glass-dock.json
Glass Modal ui

Centered dialog with deep glass blur, scale-spring entrance, and staggered content reveal. Free account required to install; source is free to read.

npx shadcn@latest add https://aicanvas.me/r/glass-modal.json
Glass Music Player ui

Mini music player with glass surface, spinning vinyl art, animated progress bar, and ambient glow. Free account required to install; source is free to read.

npx shadcn@latest add https://aicanvas.me/r/glass-music-player.json
Glass Navbar ui

Frosted glass navigation bar with animated active tab indicator, ambient color blobs, and spring-physics entrance. Free account required to install; source is …

npx shadcn@latest add https://aicanvas.me/r/glass-navbar.json
Glass Notifications ui

Swipe-to-dismiss notification stack with glass cards and spring-animated layout transitions. Free account required to install; source is free to read.

npx shadcn@latest add https://aicanvas.me/r/glass-notification.json
Glass Progress ui

Glassmorphism progress bar panel with glowing gradient fills, spring-animated counters, staggered reveal, and replay button. Free account required to install; …

npx shadcn@latest add https://aicanvas.me/r/glass-progress.json
Glass Search Bar ui

Glassmorphism search bar with animated suggestion dropdown, active state glow, and reduced-motion support. Free account required to install; source is free to …

npx shadcn@latest add https://aicanvas.me/r/glass-search-bar.json
Glass Sidebar ui

Collapsible glassmorphism sidebar with icon-only and full label states, spring-animated expand and collapse. Free account required to install; source is free t…

npx shadcn@latest add https://aicanvas.me/r/glass-sidebar.json
Glass Slider ui

Range sliders with glass tracks, glowing colored fills, and spring-animated thumbs that scale on drag. Free account required to install; source is free to read.

npx shadcn@latest add https://aicanvas.me/r/glass-slider.json
Glass Stepper ui

Glassmorphism numeric stepper with spring number flip, notification-style tinted buttons, and configurable min/max/step. Free account required to install; sour…

npx shadcn@latest add https://aicanvas.me/r/glass-stepper.json
Glass Tab Bar ui

Frosted glass pill tab bar with a sliding active indicator. Edge tabs snap flush to the container wall. Free account required to install; source is free to rea…

npx shadcn@latest add https://aicanvas.me/r/glass-tab-bar.json
Glass Tags ui

Selectable pill-shaped tags with glass surfaces, unique color accents, and spring-animated check marks. Free account required to install; source is free to rea…

npx shadcn@latest add https://aicanvas.me/r/glass-tags.json
Glass Toast ui

Frosted glassmorphism toast notification stack with 4 variants, auto-dismiss progress bar, and spring-animated stacking. Free account required to install; sour…

npx shadcn@latest add https://aicanvas.me/r/glass-toast.json
Glass Toggle ui

On/off toggles with glass housing and liquid-feel spring animation. Track color transitions smoothly. Free account required to install; source is free to read.

npx shadcn@latest add https://aicanvas.me/r/glass-toggle.json
Glass User Menu ui

Frosted glass user avatar trigger with animated dropdown, grouped menu items, and Log Out. Free account required to install; source is free to read.

npx shadcn@latest add https://aicanvas.me/r/glass-user-menu.json
Glitch Button ui

A terminal-inspired button with a text scramble glitch effect on hover. Free account required to install; source is free to read.

npx shadcn@latest add https://aicanvas.me/r/glitch-button.json
Good Vibes ui

Interactive typography where letters scale 2x and become bold on hover. Free account required to install; source is free to read.

npx shadcn@latest add https://aicanvas.me/r/good-vibes.json
Grid Lines ui

A grid background of dots connected by thin lines. The cursor lights a radial glow and bulges the grid outward like a lens as it moves. Free account required t…

npx shadcn@latest add https://aicanvas.me/r/grid-lines.json
Halo Type ui

Rotating 3D ring text animation: the front arc reads upright, the back arc upside-down. Free account required to install; source is free to read.

npx shadcn@latest add https://aicanvas.me/r/halo-type.json
Interactive Card Stack ui

A scattered stack of photo cards. Drag, click, or arrow keys to focus any card. Free account required to install; source is free to read.

npx shadcn@latest add https://aicanvas.me/r/interactive-card-stack.json
Emoji Reaction Jar ui

Glass jar widget. Click a reaction to spring the lid and watch the emoji bounce down. Free account required to install; source is free to read.

npx shadcn@latest add https://aicanvas.me/r/jar-of-emotions.json
Label Cards ui

Colour-blocked label cards scattered at random angles. Tap one to spring it to centre. Free account required to install; source is free to read.

npx shadcn@latest add https://aicanvas.me/r/label-cards.json
Magnetic Dots ui

An interactive dot background. A dense grid of dots is magnetically pulled toward your cursor, snapping back with an elastic bounce. Free account required to i…

npx shadcn@latest add https://aicanvas.me/r/magnetic-dots.json
Magnetic Logo Cluster ui

An interactive swarm of your logo. Marks fly in from off-screen, drift endlessly, and bend toward the cursor. Free account required to install; source is free …

npx shadcn@latest add https://aicanvas.me/r/magnetic-logo-cluster.json
Mark Toggle ui

An iOS-style pill toggle in warm earth and sand tones: the thumb carries a small icon that morphs from X to checkmark as it slides across. Free account require…

npx shadcn@latest add https://aicanvas.me/r/mark-toggle.json
Mood Tracker ui

A feelings check-in card with six expressive faces. Drag the segmented slider and the face, label, and liquid color wash shift with your mood. Free account req…

npx shadcn@latest add https://aicanvas.me/r/mood-tracker.json
Seven-Segment Clock ui

A retro 7-segment LCD clock with pixel-grid overlay. Shows live HH:MM:SS with blinking colon, AM/PM indicator, day of week row, and full date. Free account req…

npx shadcn@latest add https://aicanvas.me/r/neon-clock.json
New Project Modal ui

A pill button that morphs into a soft-UI project creation form: title, description, 7-swatch color label picker, Private toggle, and a checkmark-confirm Create…

npx shadcn@latest add https://aicanvas.me/r/new-project-modal.json
Grain Background ui

A grain background of randomly scattered dots. Hover to illuminate them with a soft Gaussian glow and organic connection lines. Free account required to instal…

npx shadcn@latest add https://aicanvas.me/r/noise-bg.json
Noise Field ui

An animated flow field background. A grid of arrows driven by layered sine-wave noise drifts like wind. Hover and they turn to point at your cursor. Free accou…

npx shadcn@latest add https://aicanvas.me/r/noise-field.json
Orbit ui

Kinetic text animation arranged in a circle. Hover slows the spin; letters push outward. Free account required to install; source is free to read.

npx shadcn@latest add https://aicanvas.me/r/orbit.json
Spider Web ui

An animated spider web background. Silk strands bow slowly at rest, and hovering pushes each node so it bounces back under tension. Free account required to in…

npx shadcn@latest add https://aicanvas.me/r/particle-constellation.json
Particle Sphere ui

A 3D particle background built with Three.js. 9,000 particles sit on a slowly spinning sphere in warm gold and cool silver. Free account required to install; s…

npx shadcn@latest add https://aicanvas.me/r/particle-sphere.json
Peel to Scan ui

A portrait card whose corner peels on tap, revealing a scannable Wi-Fi QR code. Free account required to install; source is free to read.

npx shadcn@latest add https://aicanvas.me/r/peel-corner-reveal.json
Pill Toggle ui

A minimal iOS-style slider toggle: thumb glides between off (grey) and on (green) with a snappy spring. Fully responsive. Free account required to install; sou…

npx shadcn@latest add https://aicanvas.me/r/pill-toggle.json
Playful ui

Kinetic typography where letters jump, drop, and rotate on cursor proximity. Free account required to install; source is free to read.

npx shadcn@latest add https://aicanvas.me/r/playful.json
Polaroid Stack ui

Five polaroid photo cards stacked in a casual pile. Click to fan them out in a spring-animated arc, hover to lift, click a card to spotlight it. Free account r…

npx shadcn@latest add https://aicanvas.me/r/polaroid-stack.json
Product Card Deck ui

A draggable card deck you flick through one card at a time. The top card leans toward your drag, then spins away with momentum to reveal the next, and the deck…

npx shadcn@latest add https://aicanvas.me/r/product-card-deck.json
Radial Cards ui

Seven health-metric cards bloom into a slowly rotating flower. Tap any petal to pull it forward and read your stats up close. Free account required to install;…

npx shadcn@latest add https://aicanvas.me/r/radial-cards.json
Radial Toolbar ui

A radial context menu that fans out formatting tools around a centre button, with active toggle states and an animated label pill. Free account required to ins…

npx shadcn@latest add https://aicanvas.me/r/radial-toolbar.json
Responsive Letters ui

Interactive text where each letter responds to cursor proximity, animating variable font properties (weight, stretch, italic, letter-spacing, skew) to create a…

npx shadcn@latest add https://aicanvas.me/r/responsive-letters.json
Ripple Type ui

SVG text animation warped by a turbulence filter. Toggle the fan and letters ripple. Free account required to install; source is free to read.

npx shadcn@latest add https://aicanvas.me/r/ripple-type.json
Runway Loader ui

An airplane taxis down a runway progress bar, nose tilting up and taking off at 100%. Free account required to install; source is free to read.

npx shadcn@latest add https://aicanvas.me/r/runway-loader.json
Scramble Text ui

Two words scramble continuously in a pixel cipher. Hover the container to decrypt them one by one. Mouse out and they snap back to noise. Free account required…

npx shadcn@latest add https://aicanvas.me/r/scramble-text.json
Scroll Wipe Gallery ui

A full-bleed, scroll-driven photo gallery. Each photo wipes in from a different edge. Free account required to install; source is free to read.

npx shadcn@latest add https://aicanvas.me/r/scroll-wipe-gallery.json
Signature Pad ui

A signature pad widget: pill button morphs into a canvas to draw with mouse or touch. Free account required to install; source is free to read.

npx shadcn@latest add https://aicanvas.me/r/signature-pad.json
Slice Type ui

A typographic magic trick. At rest you read one ambiguous word; hover and it splits into two: LIGHT lifting up, NIGHT sinking down, the shared letters resolvin…

npx shadcn@latest add https://aicanvas.me/r/slice-type.json
Slide Deck ui

Swipeable card deck with four editorial slides. Navigate forward and back by drag or tap. Free account required to install; source is free to read.

npx shadcn@latest add https://aicanvas.me/r/slide-deck.json
Wireframe Globe ui

An animated wireframe globe background. A narrow wave band drifts slowly across the surface, and hovering ripples the lines under your cursor. Free account req…

npx shadcn@latest add https://aicanvas.me/r/sphere-lines.json
Stack Tower ui

A column of 12 stacked words that reads as a rotating 3D cylinder. 2D transforms skew, scale and shift each row so the rotation travels down the stack. Hover l…

npx shadcn@latest add https://aicanvas.me/r/stack-tower.json
Sticker Wall ui

A draggable sticker card wall. Drop notes, toss emoji, pile them up with real 2D physics. Free account required to install; source is free to read.

npx shadcn@latest add https://aicanvas.me/r/sticker-wall.json
Taga Toggle ui

A playful pill toggle with an expressive face on the thumb: dead (×× eyes, flat mouth) when off, happy (arc eyes, big smile) when on. Track warms from grey to …

npx shadcn@latest add https://aicanvas.me/r/taga-toggle.json
Task Cards ui

A swipeable project task card stack where each card has a unique accent colour, status badge, and due date. Drag left or right to cycle through tasks. The dism…

npx shadcn@latest add https://aicanvas.me/r/task-cards.json
Text Blur Reveal ui

Words animate into view one by one with a satisfying blur-to-sharp entrance, auto-replaying in a loop. Free account required to install; source is free to read.

npx shadcn@latest add https://aicanvas.me/r/text-blur-reveal.json
Tilted Coverflow ui

3D coverflow card carousel of seven tilted photos. Drag or arrows to focus any card. Free account required to install; source is free to read.

npx shadcn@latest add https://aicanvas.me/r/tilted-coverflow.json
Upload Progress ui

A collapsible file upload widget with a shimmer progress bar (indigo while uploading, amber on pause). Expand to see per-file rows with live progress, time rem…

npx shadcn@latest add https://aicanvas.me/r/upload-progress.json
Live Session Pill ui

A compact live-session presence pill with an animated speaking indicator and overlapping avatars. Clicks open a soft-UI modal showing all participants with a J…

npx shadcn@latest add https://aicanvas.me/r/voice-chat-pill.json
Wave Lines ui

An animated line background. Dense vertical lines ripple with two layered sine waves, bunching and breathing. Hover to send waves across the canvas. Free accou…

npx shadcn@latest add https://aicanvas.me/r/wave-lines.json
Wild Morph ui

Italic SVG word that warps under the cursor, a spring-physics text animation. Free account required to install; source is free to read.

npx shadcn@latest add https://aicanvas.me/r/wild-morph.json
X Grid ui

An animated X grid background. Marks illuminate and connect to their neighbors with constellation lines as your cursor passes. Free account required to install…

npx shadcn@latest add https://aicanvas.me/r/x-grid.json
Andromeda Legacy tokens lib

Foundation files for the Andromeda Legacy design system: tokens, shared utilities, and the system mark. Required by every Andromeda Legacy component and templa…

npx shadcn@latest add https://aicanvas.me/r/andromeda-tokens.json
Andromeda Legacy design system block

Every Andromeda Legacy component (42 files). Installs the foundation tokens automatically. Free account required to install; source is free to read.

npx shadcn@latest add https://aicanvas.me/r/andromeda.json
Alert (Andromeda Legacy) ui

Andromeda Legacy Alert component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; sou…

npx shadcn@latest add https://aicanvas.me/r/andromeda-alert.json
Avatar (Andromeda Legacy) ui

Andromeda Legacy Avatar component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; so…

npx shadcn@latest add https://aicanvas.me/r/andromeda-avatar.json
Badge (Andromeda Legacy) ui

Andromeda Legacy Badge component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; sou…

npx shadcn@latest add https://aicanvas.me/r/andromeda-badge.json
Button (Andromeda Legacy) ui

Andromeda Legacy Button component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; so…

npx shadcn@latest add https://aicanvas.me/r/andromeda-button-system.json
Card (Andromeda Legacy) ui

Andromeda Legacy Card component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; sour…

npx shadcn@latest add https://aicanvas.me/r/andromeda-card.json
Checkbox (Andromeda Legacy) ui

Andromeda Legacy Checkbox component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; …

npx shadcn@latest add https://aicanvas.me/r/andromeda-checkbox.json
Corner Markers (Andromeda Legacy) ui

Andromeda Legacy Corner Markers component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to ins…

npx shadcn@latest add https://aicanvas.me/r/andromeda-corner-markers.json
Date Range Picker (Andromeda Legacy) ui

Andromeda Legacy Date Range Picker component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to …

npx shadcn@latest add https://aicanvas.me/r/andromeda-date-range-picker.json
Drawer (Andromeda Legacy) ui

Andromeda Legacy Drawer component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; so…

npx shadcn@latest add https://aicanvas.me/r/andromeda-drawer.json
Empty State (Andromeda Legacy) ui

Andromeda Legacy Empty State component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to instal…

npx shadcn@latest add https://aicanvas.me/r/andromeda-empty-state.json
Heat Grid (Andromeda Legacy) ui

Andromeda Legacy Heat Grid component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install;…

npx shadcn@latest add https://aicanvas.me/r/andromeda-heat-grid.json
Icon Button (Andromeda Legacy) ui

Andromeda Legacy Icon Button component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to instal…

npx shadcn@latest add https://aicanvas.me/r/andromeda-icon-button.json
Input (Andromeda Legacy) ui

Andromeda Legacy Input component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; sou…

npx shadcn@latest add https://aicanvas.me/r/andromeda-input.json
Nav Item (Andromeda Legacy) ui

Andromeda Legacy Nav Item component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; …

npx shadcn@latest add https://aicanvas.me/r/andromeda-nav-item.json
Panel Header (Andromeda Legacy) ui

Andromeda Legacy Panel Header component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to insta…

npx shadcn@latest add https://aicanvas.me/r/andromeda-panel-header.json
Panel Menu (Andromeda Legacy) ui

Andromeda Legacy Panel Menu component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install…

npx shadcn@latest add https://aicanvas.me/r/andromeda-panel-menu.json
Planet (Andromeda Legacy) ui

Andromeda Legacy Planet component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; so…

npx shadcn@latest add https://aicanvas.me/r/andromeda-planet.json
Progress Bar (Andromeda Legacy) ui

Andromeda Legacy Progress Bar component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to insta…

npx shadcn@latest add https://aicanvas.me/r/andromeda-progress-bar.json
Radar Chart (Andromeda Legacy) ui

Andromeda Legacy Radar Chart component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to instal…

npx shadcn@latest add https://aicanvas.me/r/andromeda-radar-chart.json
Radio (Andromeda Legacy) ui

Andromeda Legacy Radio component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; sou…

npx shadcn@latest add https://aicanvas.me/r/andromeda-radio.json
Search Field (Andromeda Legacy) ui

Andromeda Legacy Search Field component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to insta…

npx shadcn@latest add https://aicanvas.me/r/andromeda-search-field.json
Segmented Control (Andromeda Legacy) ui

Andromeda Legacy Segmented Control component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to …

npx shadcn@latest add https://aicanvas.me/r/andromeda-segmented-control.json
Slider (Andromeda Legacy) ui

Andromeda Legacy Slider component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; so…

npx shadcn@latest add https://aicanvas.me/r/andromeda-slider.json
Spinner (Andromeda Legacy) ui

Andromeda Legacy Spinner component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; s…

npx shadcn@latest add https://aicanvas.me/r/andromeda-spinner.json
Stat Tile (Andromeda Legacy) ui

Andromeda Legacy Stat Tile component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install;…

npx shadcn@latest add https://aicanvas.me/r/andromeda-stat-tile.json
Table (Andromeda Legacy) ui

Andromeda Legacy Table component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; sou…

npx shadcn@latest add https://aicanvas.me/r/andromeda-table.json
Tag (Andromeda Legacy) ui

Andromeda Legacy Tag component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; sourc…

npx shadcn@latest add https://aicanvas.me/r/andromeda-tag.json
Textarea (Andromeda Legacy) ui

Andromeda Legacy Textarea component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; …

npx shadcn@latest add https://aicanvas.me/r/andromeda-textarea.json
Toggle (Andromeda Legacy) ui

Andromeda Legacy Toggle component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; so…

npx shadcn@latest add https://aicanvas.me/r/andromeda-toggle.json
Tooltip (Andromeda Legacy) ui

Andromeda Legacy Tooltip component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; s…

npx shadcn@latest add https://aicanvas.me/r/andromeda-tooltip.json
Trend Chart (Andromeda Legacy) ui

Andromeda Legacy Trend Chart component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to instal…

npx shadcn@latest add https://aicanvas.me/r/andromeda-trend-chart.json
User Card (Andromeda Legacy) ui

Andromeda Legacy User Card component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install;…

npx shadcn@latest add https://aicanvas.me/r/andromeda-user-card.json
User Menu (Andromeda Legacy) ui

Andromeda Legacy User Menu component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install;…

npx shadcn@latest add https://aicanvas.me/r/andromeda-user-menu.json
Metric Chart (Andromeda Legacy) ui

Andromeda Legacy Metric Chart component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to insta…

npx shadcn@latest add https://aicanvas.me/r/andromeda-metric-chart.json
Gauge (Andromeda Legacy) ui

Andromeda Legacy Gauge component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; sou…

npx shadcn@latest add https://aicanvas.me/r/andromeda-gauge.json
Waveform (Andromeda Legacy) ui

Andromeda Legacy Waveform component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; …

npx shadcn@latest add https://aicanvas.me/r/andromeda-waveform.json
Media Card (Andromeda Legacy) ui

Andromeda Legacy Media Card component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install…

npx shadcn@latest add https://aicanvas.me/r/andromeda-media-card.json
Data Table (Andromeda Legacy) ui

Andromeda Legacy Data Table component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install…

npx shadcn@latest add https://aicanvas.me/r/andromeda-data-table.json
Music Player (Andromeda Legacy) ui

Andromeda Legacy Music Player component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to insta…

npx shadcn@latest add https://aicanvas.me/r/andromeda-music-player.json
Mission Control (Andromeda Legacy) block

Mission Control composition from Andromeda Legacy (Dashboard template). Pulls in the 14 Andromeda Legacy components it uses, plus tokens. Requires AI Canvas Pr…

npx shadcn@latest add https://aicanvas.me/r/andromeda-mission-control.json
Service Order (Andromeda Legacy) block

Service Order composition from Andromeda Legacy (CRM template). Pulls in the 16 Andromeda Legacy components it uses, plus tokens. Requires AI Canvas Premium to…

npx shadcn@latest add https://aicanvas.me/r/andromeda-service-order.json
Resource Planning (Andromeda Legacy) block

Resource Planning composition from Andromeda Legacy (Scheduling template). Pulls in the 15 Andromeda Legacy components it uses, plus tokens. Requires AI Canvas…

npx shadcn@latest add https://aicanvas.me/r/andromeda-resource-planning.json
Signal Room (Andromeda Legacy) block

Signal Room composition from Andromeda Legacy (Media template). Pulls in the 21 Andromeda Legacy components it uses, plus tokens. Requires AI Canvas Premium to…

npx shadcn@latest add https://aicanvas.me/r/andromeda-signal-room.json
Andromeda Legacy: full system block

Every Andromeda Legacy component, token, and template, plus the Andromeda Legacy brain, in one install. Requires AI Canvas Premium to install.

npx shadcn@latest add https://aicanvas.me/r/andromeda-all.json
Andromeda Pro tokens lib

Foundation files for the Andromeda Pro design system: tokens, shared utilities, and the system mark. Required by every Andromeda Pro component and template. Re…

npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-tokens.json
Andromeda Pro design system block

Every Andromeda Pro component (49 files). Installs the foundation tokens automatically. Requires AI Canvas Premium to install.

npx shadcn@latest add https://aicanvas.me/r/andromeda-pro.json
Alert (Andromeda Pro) ui

Andromeda Pro Alert component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.

npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-alert.json
Avatar (Andromeda Pro) ui

Andromeda Pro Avatar component. Install just this piece. Tokens and any sibling components are pulled in automatically. Includes a ready-made example. Requires…

npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-avatar.json
Badge (Andromeda Pro) ui

Andromeda Pro Badge component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.

npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-badge.json
Burst (Andromeda Pro) ui

Andromeda Pro Burst component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.

npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-burst.json
Button (Andromeda Pro) ui

Andromeda Pro Button component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.

npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-button.json
Card (Andromeda Pro) ui

Andromeda Pro Card component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.

npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-card.json
Checkbox (Andromeda Pro) ui

Andromeda Pro Checkbox component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.

npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-checkbox.json
Choice Card (Andromeda Pro) ui

Andromeda Pro Choice Card component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to inst…

npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-choice-card.json
Corner Markers (Andromeda Pro) ui

Andromeda Pro Corner Markers component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to i…

npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-corner-markers.json
Data Table (Andromeda Pro) ui

Andromeda Pro Data Table component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to insta…

npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-data-table.json
Date Range Picker (Andromeda Pro) ui

Andromeda Pro Date Range Picker component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium t…

npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-date-range-picker.json
Drawer (Andromeda Pro) ui

Andromeda Pro Drawer component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.

npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-drawer.json
Empty State (Andromeda Pro) ui

Andromeda Pro Empty State component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to inst…

npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-empty-state.json
Funnel Chart (Andromeda Pro) ui

Andromeda Pro Funnel Chart component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to ins…

npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-funnel-chart.json
Gauge (Andromeda Pro) ui

Andromeda Pro Gauge component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.

npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-gauge.json
Heat Grid (Andromeda Pro) ui

Andromeda Pro Heat Grid component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to instal…

npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-heat-grid.json
Icon Button (Andromeda Pro) ui

Andromeda Pro Icon Button component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to inst…

npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-icon-button.json
Input (Andromeda Pro) ui

Andromeda Pro Input component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.

npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-input.json
Media Card (Andromeda Pro) ui

Andromeda Pro Media Card component. Install just this piece. Tokens and any sibling components are pulled in automatically. Includes a ready-made example. Requ…

npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-media-card.json
Metric Chart (Andromeda Pro) ui

Andromeda Pro Metric Chart component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to ins…

npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-metric-chart.json
Music Player (Andromeda Pro) ui

Andromeda Pro Music Player component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to ins…

npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-music-player.json
Nav Item (Andromeda Pro) ui

Andromeda Pro Nav Item component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.

npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-nav-item.json
Nodes (Andromeda Pro) ui

Andromeda Pro Nodes component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.

npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-nodes.json
Orb (Andromeda Pro) ui

Andromeda Pro Orb component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.

npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-orb.json
Panel Header (Andromeda Pro) ui

Andromeda Pro Panel Header component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to ins…

npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-panel-header.json
Panel Menu (Andromeda Pro) ui

Andromeda Pro Panel Menu component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to insta…

npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-panel-menu.json
Planet (Andromeda Pro) ui

Andromeda Pro Planet component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.

npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-planet.json
Progress Bar (Andromeda Pro) ui

Andromeda Pro Progress Bar component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to ins…

npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-progress-bar.json
Radar Chart (Andromeda Pro) ui

Andromeda Pro Radar Chart component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to inst…

npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-radar-chart.json
Radio (Andromeda Pro) ui

Andromeda Pro Radio component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.

npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-radio.json
Search Field (Andromeda Pro) ui

Andromeda Pro Search Field component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to ins…

npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-search-field.json
Segmented Control (Andromeda Pro) ui

Andromeda Pro Segmented Control component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium t…

npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-segmented-control.json
Sidebar (Andromeda Pro) ui

Andromeda Pro Sidebar component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.

npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-sidebar.json
Slider (Andromeda Pro) ui

Andromeda Pro Slider component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.

npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-slider.json
Spinner (Andromeda Pro) ui

Andromeda Pro Spinner component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.

npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-spinner.json
Stat Tile (Andromeda Pro) ui

Andromeda Pro Stat Tile component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to instal…

npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-stat-tile.json
Table (Andromeda Pro) ui

Andromeda Pro Table component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.

npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-table.json
Tag (Andromeda Pro) ui

Andromeda Pro Tag component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.

npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-tag.json
Textarea (Andromeda Pro) ui

Andromeda Pro Textarea component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.

npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-textarea.json
Toggle (Andromeda Pro) ui

Andromeda Pro Toggle component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.

npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-toggle.json
Tooltip (Andromeda Pro) ui

Andromeda Pro Tooltip component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.

npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-tooltip.json
Top Bar (Andromeda Pro) ui

Andromeda Pro Top Bar component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.

npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-top-bar.json
Trend Chart (Andromeda Pro) ui

Andromeda Pro Trend Chart component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to inst…

npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-trend-chart.json
User Card (Andromeda Pro) ui

Andromeda Pro User Card component. Install just this piece. Tokens and any sibling components are pulled in automatically. Includes a ready-made example. Requi…

npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-user-card.json
User Menu (Andromeda Pro) ui

Andromeda Pro User Menu component. Install just this piece. Tokens and any sibling components are pulled in automatically. Includes a ready-made example. Requi…

npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-user-menu.json
Waveform (Andromeda Pro) ui

Andromeda Pro Waveform component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.

npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-waveform.json
City Operations (Andromeda Pro) block

City Operations composition from Andromeda Pro (Dashboard template). Pulls in the 19 Andromeda Pro components it uses, plus tokens. Requires AI Canvas Premium …

npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-city-operations.json
Signal Room (Andromeda Pro) block

Signal Room composition from Andromeda Pro (Media template). Pulls in the 21 Andromeda Pro components it uses, plus tokens. Requires AI Canvas Premium to insta…

npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-signal-room.json
Mission Control (Andromeda Pro) block

Mission Control composition from Andromeda Pro (Dashboard template). Pulls in the 16 Andromeda Pro components it uses, plus tokens. Requires AI Canvas Premium …

npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-mission-control.json
Service Order (Andromeda Pro) block

Service Order composition from Andromeda Pro (CRM template). Pulls in the 18 Andromeda Pro components it uses, plus tokens. Requires AI Canvas Premium to insta…

npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-service-order.json
Resource Planning (Andromeda Pro) block

Resource Planning composition from Andromeda Pro (Scheduling template). Pulls in the 19 Andromeda Pro components it uses, plus tokens. Requires AI Canvas Premi…

npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-resource-planning.json
Sign In (Andromeda Pro) block

Sign In composition from Andromeda Pro (Authentication template). Pulls in the 4 Andromeda Pro components it uses, plus tokens. Requires AI Canvas Premium to i…

npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-sign-in.json
Andromeda Pro: full system block

Every Andromeda Pro component, token, and template, plus the Andromeda Pro brain, in one install. Requires AI Canvas Premium to install.

npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-all.json