---
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", "blocks", "buttons", "cards", "charts", "crypto", "dashboard", "design-system", "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: 181
generated_at: "2026-09-21T01:50:16.753Z"
---

# @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 (181)

| 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 accou… | `npx shadcn@latest add https://aicanvas.me/r/blind-pull-toggle.json` |
| bubble-field | registry: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 | 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` |
| diamond-grid | registry: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 | registry: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 | registry: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 | 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 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 | 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 | 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 | registry: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 | 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 require… | `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 Create… | `npx shadcn@latest add https://aicanvas.me/r/new-project-modal.json` |
| noise-bg | registry: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 | registry: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 | 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 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 | registry: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-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; sou… | `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 r… | `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 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 | 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 required… | `npx shadcn@latest add https://aicanvas.me/r/scramble-text.json` |
| scroll-wipe-gallery | registry: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 | 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 resolvin… | `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 | 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 | 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 l… | `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. The dism… | `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 J… | `npx shadcn@latest add https://aicanvas.me/r/voice-chat-pill.json` |
| wave-lines | registry: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 | 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 | 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-tokens | registry: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 | registry: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` |
| andromeda-alert | registry: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` |
| andromeda-avatar | registry: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` |
| andromeda-badge | registry: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` |
| andromeda-button-system | registry: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` |
| andromeda-card | registry: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` |
| andromeda-checkbox | registry: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` |
| andromeda-corner-markers | registry: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` |
| andromeda-date-range-picker | registry: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` |
| andromeda-drawer | registry: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` |
| andromeda-empty-state | registry: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` |
| andromeda-heat-grid | registry: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` |
| andromeda-icon-button | registry: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` |
| andromeda-input | registry: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` |
| andromeda-nav-item | registry: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` |
| andromeda-panel-header | registry: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` |
| andromeda-panel-menu | registry: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` |
| andromeda-planet | registry: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` |
| andromeda-progress-bar | registry: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` |
| andromeda-radar-chart | registry: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` |
| andromeda-radio | registry: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` |
| andromeda-search-field | registry: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` |
| andromeda-segmented-control | registry: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` |
| andromeda-slider | registry: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` |
| andromeda-spinner | registry: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` |
| andromeda-stat-tile | registry: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` |
| andromeda-table | registry: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` |
| andromeda-tag | registry: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` |
| andromeda-textarea | registry: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` |
| andromeda-toggle | registry: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` |
| andromeda-tooltip | registry: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` |
| andromeda-trend-chart | registry: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` |
| andromeda-user-card | registry: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` |
| andromeda-user-menu | registry: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` |
| andromeda-metric-chart | registry: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` |
| andromeda-gauge | registry: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` |
| andromeda-waveform | registry: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` |
| andromeda-media-card | registry: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` |
| andromeda-data-table | registry: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` |
| andromeda-music-player | registry: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` |
| andromeda-mission-control | registry: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` |
| andromeda-service-order | registry: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` |
| andromeda-resource-planning | registry: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` |
| andromeda-signal-room | registry: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-all | registry: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 | registry: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 | registry: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` |
| andromeda-pro-alert | registry: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` |
| andromeda-pro-avatar | registry: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` |
| andromeda-pro-badge | registry: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` |
| andromeda-pro-burst | registry: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` |
| andromeda-pro-button | registry: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` |
| andromeda-pro-card | registry: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` |
| andromeda-pro-checkbox | registry: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` |
| andromeda-pro-choice-card | registry: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` |
| andromeda-pro-corner-markers | registry: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` |
| andromeda-pro-data-table | registry: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` |
| andromeda-pro-date-range-picker | registry: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` |
| andromeda-pro-drawer | registry: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` |
| andromeda-pro-empty-state | registry: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` |
| andromeda-pro-funnel-chart | registry: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` |
| andromeda-pro-gauge | registry: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` |
| andromeda-pro-heat-grid | registry: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` |
| andromeda-pro-icon-button | registry: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` |
| andromeda-pro-input | registry: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` |
| andromeda-pro-media-card | registry: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` |
| andromeda-pro-metric-chart | registry: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` |
| andromeda-pro-music-player | registry: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` |
| andromeda-pro-nav-item | registry: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` |
| andromeda-pro-nodes | registry: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` |
| andromeda-pro-orb | registry: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` |
| andromeda-pro-panel-header | registry: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` |
| andromeda-pro-panel-menu | registry: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` |
| andromeda-pro-planet | registry: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` |
| andromeda-pro-progress-bar | registry: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` |
| andromeda-pro-radar-chart | registry: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` |
| andromeda-pro-radio | registry: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` |
| andromeda-pro-search-field | registry: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` |
| andromeda-pro-segmented-control | registry: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` |
| andromeda-pro-sidebar | registry: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` |
| andromeda-pro-slider | registry: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` |
| andromeda-pro-spinner | registry: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` |
| andromeda-pro-stat-tile | registry: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` |
| andromeda-pro-table | registry: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` |
| andromeda-pro-tag | registry: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` |
| andromeda-pro-textarea | registry: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` |
| andromeda-pro-toggle | registry: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` |
| andromeda-pro-tooltip | registry: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` |
| andromeda-pro-top-bar | registry: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` |
| andromeda-pro-trend-chart | registry: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` |
| andromeda-pro-user-card | registry: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` |
| andromeda-pro-user-menu | registry: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` |
| andromeda-pro-waveform | registry: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` |
| andromeda-pro-city-operations | registry: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` |
| andromeda-pro-signal-room | registry: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` |
| andromeda-pro-mission-control | registry: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` |
| andromeda-pro-service-order | registry: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` |
| andromeda-pro-resource-planning | registry: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` |
| andromeda-pro-sign-in | registry: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-all | registry: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` |

## 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).
```