---
name: "@aicanvas"
slug: "aicanvas"
description: "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."
category: "Animated components"
tags: ["aesthetic", "ai", "animation", "audio", "backgrounds", "buttons", "cards", "charts", "crypto", "dashboard", "forms", "glassmorphism", "icons", "loaders", "media", "navigation", "overlays", "payments", "pro-available", "tables"]
framework: "react"
license: "MIT"
author: "uiNerd16"
website: "https://aicanvas.me"
github: "https://github.com/uiNerd16/aicanvas"
registry: "https://aicanvas.me/r/registry.json"
pro: true
pro_url: "https://aicanvas.me/pricing"
github_stars: 27
component_count: 123
generated_at: "2026-07-28T08:59:05.895Z"
---

# @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.

## Links

- Website: https://aicanvas.me
- GitHub: https://github.com/uiNerd16/aicanvas
- Registry JSON: https://aicanvas.me/r/registry.json
- Directory page: https://sh4dcn.vercel.app/registry/aicanvas
- This file: https://sh4dcn.vercel.app/md/aicanvas.md
- Pro / pricing: https://aicanvas.me/pricing

## Install

```sh
# add the whole registry (shadcn CLI)
npx shadcn@latest add https://aicanvas.me/r/registry.json
pnpm dlx shadcn@latest add https://aicanvas.me/r/registry.json
bunx shadcn@latest add https://aicanvas.me/r/registry.json
# clone the source repo
git clone https://github.com/uiNerd16/aicanvas.git
# fetch the raw registry index
curl -s https://aicanvas.me/r/registry.json
```

## Components (123)

| name | type | description | install |
| --- | --- | --- | --- |
| ai-job-cards | registry: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 | registry: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 | registry: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 | registry: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 acco… | `npx shadcn@latest add https://aicanvas.me/r/blind-pull-toggle.json` |
| bubble-field | registry:ui | A grid of outline circles that burst on hover — each expanding and fading like a soap bubble popping, then reforming, with a soft pastel blue palette. Free acc… | `npx shadcn@latest add https://aicanvas.me/r/bubble-field.json` |
| charging-widget | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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` |
| distortion-grid | registry:ui | A canvas grid of thin lines that slowly undulate with large sweeping waves. Hovering repels the grid fabric outward from the cursor, amplifying the distortion … | `npx shadcn@latest add https://aicanvas.me/r/distortion-grid.json` |
| dot-grid | registry:ui | A canvas-based dot grid background where hovering illuminates nearby dots with a smooth radial glow and organic fade. Free account required to install; source … | `npx shadcn@latest add https://aicanvas.me/r/dot-grid.json` |
| emoji-burst | registry: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 | registry: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 | registry: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` |
| traveldeck | registry: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-compose | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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-notification | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry:ui | A dot grid connected by thin lines. On hover, a radial wave pulses outward from the cursor, illuminating lines and dots as it spreads. Free account required to… | `npx shadcn@latest add https://aicanvas.me/r/grid-lines.json` |
| halo-type | registry: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 | registry: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` |
| jar-of-emotions | registry: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 | registry: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 | registry:ui | A dense grid of dots that get magnetically pulled toward the cursor, snapping back with a satisfying elastic bounce when you leave. Free account required to in… | `npx shadcn@latest add https://aicanvas.me/r/magnetic-dots.json` |
| mark-toggle | registry: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 requir… | `npx shadcn@latest add https://aicanvas.me/r/mark-toggle.json` |
| mood-tracker | registry: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` |
| neon-clock | registry: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 | registry: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 Creat… | `npx shadcn@latest add https://aicanvas.me/r/new-project-modal.json` |
| noise-bg | registry:ui | A canvas-based grain background of randomly scattered dots that illuminate with a soft Gaussian glow and organic connection lines on hover. Free account requir… | `npx shadcn@latest add https://aicanvas.me/r/noise-bg.json` |
| noise-field | registry:ui | A grid of flowing arrows driven by layered sine-wave noise — like wind mapped on a weather chart. Hover to create a swirling vortex at the cursor. Free account… | `npx shadcn@latest add https://aicanvas.me/r/noise-field.json` |
| orbit | registry: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` |
| particle-constellation | registry:ui | An organic silk web that breathes with a slow idle bow. Hover to physically push the nodes — each intersection bounces back with tension, fading the strings ne… | `npx shadcn@latest add https://aicanvas.me/r/particle-constellation.json` |
| particle-sphere | registry:ui | 9,000 particles arranged on a sphere with warm gold and cool silver tones, slowly spinning in Three.js. Free account required to install; source is free to rea… | `npx shadcn@latest add https://aicanvas.me/r/particle-sphere.json` |
| peel-corner-reveal | registry: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 | registry: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; so… | `npx shadcn@latest add https://aicanvas.me/r/pill-toggle.json` |
| playful | registry: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 | registry: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 … | `npx shadcn@latest add https://aicanvas.me/r/polaroid-stack.json` |
| product-card-deck | registry: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 | registry: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 | registry: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 | registry: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 | registry:ui | SVG text animation warped by a turbulence filter. Toggle the fan — 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 | registry: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 | registry: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 require… | `npx shadcn@latest add https://aicanvas.me/r/scramble-text.json` |
| signature-pad | registry: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 | registry: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 resolvi… | `npx shadcn@latest add https://aicanvas.me/r/slice-type.json` |
| slide-deck | registry: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` |
| sphere-lines | registry:ui | A wire-frame globe that breathes on its own — a narrow wave band drifts quietly across the surface. Hover to ripple the lines right where your cursor lands. Fr… | `npx shadcn@latest add https://aicanvas.me/r/sphere-lines.json` |
| stack-tower | registry: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 … | `npx shadcn@latest add https://aicanvas.me/r/stack-tower.json` |
| sticker-wall | registry: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 | registry: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 | registry: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 — springs… | `npx shadcn@latest add https://aicanvas.me/r/task-cards.json` |
| text-blur-reveal | registry: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 | registry: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 | registry: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` |
| voice-chat-pill | registry: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 … | `npx shadcn@latest add https://aicanvas.me/r/voice-chat-pill.json` |
| wave-lines | registry:ui | Dense vertical lines that ripple across the canvas — two layered sine waves create organic bunching and breathing. Hover to send the lines into extreme waves a… | `npx shadcn@latest add https://aicanvas.me/r/wave-lines.json` |
| wild-morph | registry: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 | registry:ui | A canvas-based interactive background of × marks that illuminate and connect to neighbours with constellation lines on hover. Free account required to install;… | `npx shadcn@latest add https://aicanvas.me/r/x-grid.json` |
| andromeda-tokens | registry:lib | Foundation files for the Andromeda design system — tokens, shared utilities, and the system mark. Required by every Andromeda component and template. | `npx shadcn@latest add https://aicanvas.me/r/andromeda-tokens.json` |
| andromeda | registry:style | Every Andromeda component (41 files). Installs the foundation tokens automatically. Requires AI Canvas Premium to install. | `npx shadcn@latest add https://aicanvas.me/r/andromeda.json` |
| andromeda-alert | registry:ui | Andromeda Alert component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is … | `npx shadcn@latest add https://aicanvas.me/r/andromeda-alert.json` |
| andromeda-avatar | registry:ui | Andromeda Avatar component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is… | `npx shadcn@latest add https://aicanvas.me/r/andromeda-avatar.json` |
| andromeda-badge | registry:ui | Andromeda Badge component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is … | `npx shadcn@latest add https://aicanvas.me/r/andromeda-badge.json` |
| andromeda-button-system | registry:ui | Andromeda Button component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is… | `npx shadcn@latest add https://aicanvas.me/r/andromeda-button-system.json` |
| andromeda-card | registry:ui | Andromeda Card component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is f… | `npx shadcn@latest add https://aicanvas.me/r/andromeda-card.json` |
| andromeda-checkbox | registry:ui | Andromeda Checkbox component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source … | `npx shadcn@latest add https://aicanvas.me/r/andromeda-checkbox.json` |
| andromeda-corner-markers | registry:ui | Andromeda Corner Markers 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-corner-markers.json` |
| andromeda-date-range-picker | registry:ui | Andromeda Date Range Picker 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-date-range-picker.json` |
| andromeda-drawer | registry:ui | Andromeda Drawer component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is… | `npx shadcn@latest add https://aicanvas.me/r/andromeda-drawer.json` |
| andromeda-empty-state | registry:ui | Andromeda Empty State 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-empty-state.json` |
| andromeda-heat-grid | registry:ui | Andromeda Heat Grid component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source… | `npx shadcn@latest add https://aicanvas.me/r/andromeda-heat-grid.json` |
| andromeda-icon-button | registry:ui | Andromeda Icon Button 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-icon-button.json` |
| andromeda-input | registry:ui | Andromeda Input component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is … | `npx shadcn@latest add https://aicanvas.me/r/andromeda-input.json` |
| andromeda-nav-item | registry:ui | Andromeda Nav Item component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source … | `npx shadcn@latest add https://aicanvas.me/r/andromeda-nav-item.json` |
| andromeda-panel-header | registry:ui | Andromeda Panel Header 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-panel-header.json` |
| andromeda-panel-menu | registry:ui | Andromeda Panel Menu 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-panel-menu.json` |
| andromeda-planet | registry:ui | Andromeda Planet component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is… | `npx shadcn@latest add https://aicanvas.me/r/andromeda-planet.json` |
| andromeda-progress-bar | registry:ui | Andromeda Progress Bar 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-progress-bar.json` |
| andromeda-radar-chart | registry:ui | Andromeda Radar Chart 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-radar-chart.json` |
| andromeda-radio | registry:ui | Andromeda Radio component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is … | `npx shadcn@latest add https://aicanvas.me/r/andromeda-radio.json` |
| andromeda-search-field | registry:ui | Andromeda Search Field 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-search-field.json` |
| andromeda-segmented-control | registry:ui | Andromeda Segmented Control 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-segmented-control.json` |
| andromeda-slider | registry:ui | Andromeda Slider component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is… | `npx shadcn@latest add https://aicanvas.me/r/andromeda-slider.json` |
| andromeda-spinner | registry:ui | Andromeda Spinner component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source i… | `npx shadcn@latest add https://aicanvas.me/r/andromeda-spinner.json` |
| andromeda-stat-tile | registry:ui | Andromeda Stat Tile component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source… | `npx shadcn@latest add https://aicanvas.me/r/andromeda-stat-tile.json` |
| andromeda-table | registry:ui | Andromeda Table component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is … | `npx shadcn@latest add https://aicanvas.me/r/andromeda-table.json` |
| andromeda-tag | registry:ui | Andromeda Tag component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is fr… | `npx shadcn@latest add https://aicanvas.me/r/andromeda-tag.json` |
| andromeda-textarea | registry:ui | Andromeda Textarea component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source … | `npx shadcn@latest add https://aicanvas.me/r/andromeda-textarea.json` |
| andromeda-toggle | registry:ui | Andromeda Toggle component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is… | `npx shadcn@latest add https://aicanvas.me/r/andromeda-toggle.json` |
| andromeda-tooltip | registry:ui | Andromeda Tooltip component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source i… | `npx shadcn@latest add https://aicanvas.me/r/andromeda-tooltip.json` |
| andromeda-trend-chart | registry:ui | Andromeda Trend Chart 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-trend-chart.json` |
| andromeda-user-card | registry:ui | Andromeda User Card component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source… | `npx shadcn@latest add https://aicanvas.me/r/andromeda-user-card.json` |
| andromeda-user-menu | registry:ui | Andromeda User Menu component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source… | `npx shadcn@latest add https://aicanvas.me/r/andromeda-user-menu.json` |
| andromeda-metric-chart | registry:ui | Andromeda Metric Chart 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-metric-chart.json` |
| andromeda-gauge | registry:ui | Andromeda Gauge component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is … | `npx shadcn@latest add https://aicanvas.me/r/andromeda-gauge.json` |
| andromeda-waveform | registry:ui | Andromeda Waveform component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source … | `npx shadcn@latest add https://aicanvas.me/r/andromeda-waveform.json` |
| andromeda-media-card | registry:ui | Andromeda Media Card 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-media-card.json` |
| andromeda-data-table | registry:ui | Andromeda Data Table 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-data-table.json` |
| andromeda-music-player | registry:ui | Andromeda Music Player 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-music-player.json` |
| andromeda-mission-control | registry:block | Mission Control composition from Andromeda — sci-fi dashboard. Pulls in the 12 Andromeda components it uses, plus tokens. Requires AI Canvas Premium to install. | `npx shadcn@latest add https://aicanvas.me/r/andromeda-mission-control.json` |
| andromeda-service-order | registry:block | Service Order composition from Andromeda — telecom dashboard. Pulls in the 15 Andromeda components it uses, plus tokens. Requires AI Canvas Premium to install. | `npx shadcn@latest add https://aicanvas.me/r/andromeda-service-order.json` |
| andromeda-resource-planning | registry:block | Resource Planning composition from Andromeda — operations dashboard. Pulls in the 13 Andromeda components it uses, plus tokens. Requires AI Canvas Premium to i… | `npx shadcn@latest add https://aicanvas.me/r/andromeda-resource-planning.json` |
| andromeda-signal-room | registry:block | Signal Room composition from Andromeda — audio dashboard. Pulls in the 16 Andromeda components it uses, plus tokens. Requires AI Canvas Premium to install. | `npx shadcn@latest add https://aicanvas.me/r/andromeda-signal-room.json` |
| andromeda-all | registry:style | Every Andromeda component, token, and template, plus the Andromeda brain, in one install. Requires AI Canvas Premium to install. | `npx shadcn@latest add https://aicanvas.me/r/andromeda-all.json` |

## For AI agents

```text
You are adding components from @aicanvas to a shadcn-compatible project.
1. Read this file (https://sh4dcn.vercel.app/md/aicanvas.md) for the component list.
2. Fetch the machine-readable index: https://aicanvas.me/r/registry.json
3. Install a single component with its install command from the table above.
4. Full structured record: https://sh4dcn.vercel.app/json (library slug: aicanvas).
```