Animated React components with AI reproduction prompts, alongside full design systems and templates. Install via CLI or aicanvas MCP, compatible with Claude Code, Codex, and Cursor.
Andromeda Legacy Media Card component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is free to read.
Andromeda Pro Media Card component. Install just this piece. Tokens and any sibling components are pulled in automatically. Includes a ready-made example. Requires AI Canvas Premium to install.
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: drag to browse, tap to choose. Drop in your own photos and names for an About Us section, a character selector, or an onboarding profile picker. Free account required to install; source is free to read.
Andromeda Pro Message component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.
Andromeda Legacy Metric Chart component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is free to read.
Andromeda Pro Metric Chart component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.
Mission Control composition from Andromeda Legacy (Dashboard template). Pulls in the 14 Andromeda Legacy components it uses, plus tokens. Free account required to install; source is free to read.
Mission Control composition from Andromeda Pro (Dashboard template). Pulls in the 16 Andromeda Pro components it uses, plus tokens. Requires AI Canvas Premium to install.
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 required to install; source is free to read.
Andromeda Legacy Music Player component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is free to read.
Andromeda Pro Music Player component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.
Andromeda Pro Navbar component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.
Andromeda Legacy Nav Item component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is free to read.
Andromeda Pro Nav Item component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.
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 button. Free account required to install; source is free to read.
Andromeda Pro Nodes component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.
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 account required to install; source is free to read.
Andromeda Pro Orb component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.
Kinetic text animation arranged in a circle. Hover slows the spin; letters push outward. Free account required to install; source is free to read.
Andromeda Legacy Panel Header component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is free to read.
Andromeda Pro Panel Header component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.
Andromeda Legacy Panel Menu component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is free to read.
Andromeda Pro Panel Menu component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.
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; source is free to read.
Andromeda Pro Payment Card component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.
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.
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; source is free to read.
Andromeda Legacy Planet component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is free to read.
Andromeda Pro Planet component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.
Kinetic typography where letters jump, drop, and rotate on cursor proximity. Free account required to install; source is free to read.
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 required to install; source is free to read.
Andromeda Pro Popover component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.
Andromeda Pro Pricing Card component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.
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 loops endlessly. Every card pairs a picture with a title and a pill action button with hover and press states. Free account required to install; source is free to read.
Andromeda Legacy Progress Bar component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is free to read.
Andromeda Pro Progress Bar component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.
Andromeda Pro Prompt Input component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.
Andromeda Legacy Radar Chart component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is free to read.
Andromeda Pro Radar Chart component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.
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; source is free to read.
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 install; source is free to read.
Andromeda Legacy Radio component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is free to read.
Andromeda Pro Radio component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.
Resource Planning composition from Andromeda Legacy (Scheduling template). Pulls in the 15 Andromeda Legacy components it uses, plus tokens. Free account required to install; source is free to read.
Resource Planning composition from Andromeda Pro (Scheduling template). Pulls in the 19 Andromeda Pro components it uses, plus tokens. Requires AI Canvas Premium to install.
Interactive text where each letter responds to cursor proximity, animating variable font properties (weight, stretch, italic, letter-spacing, skew) to create a deformation-under-pressure effect. Free account required to install; source is free to read.
SVG text animation warped by a turbulence filter. Toggle the fan and letters ripple. Free account required to install; source is free to read.
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.