Andromeda design system

aicanvas/andromeda

FreeTheme

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

Live preview

live · rendered by the registry

Rendered by aicanvas on their own page — this is the component running, not a screenshot of it.

Install it

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

Source

components/aicanvas/andromeda/components/Alert.tsxaicanvas.me/r/andromeda.json

1const PREMIUM_NOTICE =
2  "\"Andromeda design system\" is premium AI Canvas content. This is a placeholder. Unlock the real source with an AI Canvas Premium account at https://aicanvas.me/pricing"
3 
4export default function PremiumLocked() {
5  return (
6    <div style={{ padding: 24, fontFamily: 'ui-monospace, monospace', fontSize: 13, lineHeight: 1.6, color: '#9aa3af' }}>
7      {PREMIUM_NOTICE}
8    </div>
9  )
10}

What it pulls in

npm packages

@phosphor-icons/react
@radix-ui/react-slot
class-variance-authority
framer-motion
recharts
three

Other registry items

https://aicanvas.me/r/andromeda-tokens.json

Files it writes

components/aicanvas/andromeda/components/Alert.tsx
components/aicanvas/andromeda/components/Avatar.tsx
components/aicanvas/andromeda/components/Badge.tsx
components/aicanvas/andromeda/components/Button.tsx
components/aicanvas/andromeda/components/Card.tsx
components/aicanvas/andromeda/components/Checkbox.tsx
components/aicanvas/andromeda/components/CornerMarkers.tsx
components/aicanvas/andromeda/components/DataTable.tsx
components/aicanvas/andromeda/components/DateRangePicker.tsx
components/aicanvas/andromeda/components/Drawer.tsx
components/aicanvas/andromeda/components/EmptyState.tsx
components/aicanvas/andromeda/components/Gauge.tsx
components/aicanvas/andromeda/components/HeatGrid.tsx
components/aicanvas/andromeda/components/IconButton.tsx
components/aicanvas/andromeda/components/Input.tsx
components/aicanvas/andromeda/components/MediaCard.tsx
components/aicanvas/andromeda/components/MetricChart.tsx
components/aicanvas/andromeda/components/MusicPlayer.tsx
components/aicanvas/andromeda/components/NavItem.tsx
components/aicanvas/andromeda/components/PanelHeader.tsx
components/aicanvas/andromeda/components/PanelMenu.tsx
components/aicanvas/andromeda/components/Planet.tsx
components/aicanvas/andromeda/components/ProgressBar.tsx
components/aicanvas/andromeda/components/RadarChart.tsx
components/aicanvas/andromeda/components/Radio.tsx
components/aicanvas/andromeda/components/SearchField.tsx
components/aicanvas/andromeda/components/SegmentedControl.tsx
components/aicanvas/andromeda/components/Slider.tsx
components/aicanvas/andromeda/components/Spinner.tsx
components/aicanvas/andromeda/components/StatTile.tsx
components/aicanvas/andromeda/components/Table.tsx
components/aicanvas/andromeda/components/Tag.tsx
components/aicanvas/andromeda/components/Textarea.tsx
components/aicanvas/andromeda/components/Toggle.tsx
components/aicanvas/andromeda/components/Tooltip.tsx
components/aicanvas/andromeda/components/TrendChart.tsx
components/aicanvas/andromeda/components/UserCard.tsx
components/aicanvas/andromeda/components/UserMenu.tsx
components/aicanvas/andromeda/components/Waveform.tsx
components/aicanvas/andromeda/components/lib/motion.ts

More from aicanvas

All 123 items

Same registry, same kind — the ones you would have found next
Component	Registry	Kind	Access	Installs	Command
Andromeda — full systemandromeda-all	aicanvas	Themes	Free	no deps