blockandromeda-prosource: ok · hit

Andromeda Pro design system

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

npx shadcn add "https://aicanvas.me/r/andromeda-pro.json"

free

aicanvas Documentation

No selection tags yet — empty means no evidence, not lack of support.

Dependencies

Bundle weight · light

icons@phosphor-icons/react@^2.1.10

ui-primitives@radix-ui/react-slot@^1.2.4

Files72 · source cached 10/14/2026, 11:29:10 AM

components/aicanvas/andromeda-pro/components/Accordion.tsx

const PREMIUM_NOTICE =
  "\"Andromeda Pro 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. Already subscribed? Sign in and copy your personal install command from https://aicanvas.me/account/settings"

export default function PremiumLocked() {
  return (
    <div style={{ padding: 24, fontFamily: 'ui-monospace, monospace', fontSize: 13, lineHeight: 1.6, color: '#9aa3af' }}>
      {PREMIUM_NOTICE}
    </div>
  )
}

components/aicanvas/andromeda-pro/components/Alert.tsx

const PREMIUM_NOTICE =
  "\"Andromeda Pro 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. Already subscribed? Sign in and copy your personal install command from https://aicanvas.me/account/settings"

export default function PremiumLocked() {
  return (
    <div style={{ padding: 24, fontFamily: 'ui-monospace, monospace', fontSize: 13, lineHeight: 1.6, color: '#9aa3af' }}>
      {PREMIUM_NOTICE}
    </div>
  )
}

components/aicanvas/andromeda-pro/components/Artifact.tsx

const PREMIUM_NOTICE =
  "\"Andromeda Pro 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. Already subscribed? Sign in and copy your personal install command from https://aicanvas.me/account/settings"

export default function PremiumLocked() {
  return (
    <div style={{ padding: 24, fontFamily: 'ui-monospace, monospace', fontSize: 13, lineHeight: 1.6, color: '#9aa3af' }}>
      {PREMIUM_NOTICE}
    </div>
  )
}

components/aicanvas/andromeda-pro/components/Avatar.tsx

const PREMIUM_NOTICE =
  "\"Andromeda Pro 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. Already subscribed? Sign in and copy your personal install command from https://aicanvas.me/account/settings"

export default function PremiumLocked() {
  return (
    <div style={{ padding: 24, fontFamily: 'ui-monospace, monospace', fontSize: 13, lineHeight: 1.6, color: '#9aa3af' }}>
      {PREMIUM_NOTICE}
    </div>
  )
}

components/aicanvas/andromeda-pro/components/Badge.tsx

const PREMIUM_NOTICE =
  "\"Andromeda Pro 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. Already subscribed? Sign in and copy your personal install command from https://aicanvas.me/account/settings"

export default function PremiumLocked() {
  return (
    <div style={{ padding: 24, fontFamily: 'ui-monospace, monospace', fontSize: 13, lineHeight: 1.6, color: '#9aa3af' }}>
      {PREMIUM_NOTICE}
    </div>
  )
}

components/aicanvas/andromeda-pro/components/BentoGrid.tsx

const PREMIUM_NOTICE =
  "\"Andromeda Pro 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. Already subscribed? Sign in and copy your personal install command from https://aicanvas.me/account/settings"

export default function PremiumLocked() {
  return (
    <div style={{ padding: 24, fontFamily: 'ui-monospace, monospace', fontSize: 13, lineHeight: 1.6, color: '#9aa3af' }}>
      {PREMIUM_NOTICE}
    </div>
  )
}

components/aicanvas/andromeda-pro/components/Burst.tsx

const PREMIUM_NOTICE =
  "\"Andromeda Pro 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. Already subscribed? Sign in and copy your personal install command from https://aicanvas.me/account/settings"

export default function PremiumLocked() {
  return (
    <div style={{ padding: 24, fontFamily: 'ui-monospace, monospace', fontSize: 13, lineHeight: 1.6, color: '#9aa3af' }}>
      {PREMIUM_NOTICE}
    </div>
  )
}

components/aicanvas/andromeda-pro/components/Button.tsx

const PREMIUM_NOTICE =
  "\"Andromeda Pro 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. Already subscribed? Sign in and copy your personal install command from https://aicanvas.me/account/settings"

export default function PremiumLocked() {
  return (
    <div style={{ padding: 24, fontFamily: 'ui-monospace, monospace', fontSize: 13, lineHeight: 1.6, color: '#9aa3af' }}>
      {PREMIUM_NOTICE}
    </div>
  )
}

components/aicanvas/andromeda-pro/components/Card.tsx

const PREMIUM_NOTICE =
  "\"Andromeda Pro 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. Already subscribed? Sign in and copy your personal install command from https://aicanvas.me/account/settings"

export default function PremiumLocked() {
  return (
    <div style={{ padding: 24, fontFamily: 'ui-monospace, monospace', fontSize: 13, lineHeight: 1.6, color: '#9aa3af' }}>
      {PREMIUM_NOTICE}
    </div>
  )
}

components/aicanvas/andromeda-pro/components/Checkbox.tsx

const PREMIUM_NOTICE =
  "\"Andromeda Pro 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. Already subscribed? Sign in and copy your personal install command from https://aicanvas.me/account/settings"

export default function PremiumLocked() {
  return (
    <div style={{ padding: 24, fontFamily: 'ui-monospace, monospace', fontSize: 13, lineHeight: 1.6, color: '#9aa3af' }}>
      {PREMIUM_NOTICE}
    </div>
  )
}

components/aicanvas/andromeda-pro/components/ChoiceCard.tsx

const PREMIUM_NOTICE =
  "\"Andromeda Pro 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. Already subscribed? Sign in and copy your personal install command from https://aicanvas.me/account/settings"

export default function PremiumLocked() {
  return (
    <div style={{ padding: 24, fontFamily: 'ui-monospace, monospace', fontSize: 13, lineHeight: 1.6, color: '#9aa3af' }}>
      {PREMIUM_NOTICE}
    </div>
  )
}

components/aicanvas/andromeda-pro/components/Collapsible.tsx

const PREMIUM_NOTICE =
  "\"Andromeda Pro 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. Already subscribed? Sign in and copy your personal install command from https://aicanvas.me/account/settings"

export default function PremiumLocked() {
  return (
    <div style={{ padding: 24, fontFamily: 'ui-monospace, monospace', fontSize: 13, lineHeight: 1.6, color: '#9aa3af' }}>
      {PREMIUM_NOTICE}
    </div>
  )
}

components/aicanvas/andromeda-pro/components/Combobox.tsx

const PREMIUM_NOTICE =
  "\"Andromeda Pro 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. Already subscribed? Sign in and copy your personal install command from https://aicanvas.me/account/settings"

export default function PremiumLocked() {
  return (
    <div style={{ padding: 24, fontFamily: 'ui-monospace, monospace', fontSize: 13, lineHeight: 1.6, color: '#9aa3af' }}>
      {PREMIUM_NOTICE}
    </div>
  )
}

components/aicanvas/andromeda-pro/components/CornerMarkers.tsx

const PREMIUM_NOTICE =
  "\"Andromeda Pro 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. Already subscribed? Sign in and copy your personal install command from https://aicanvas.me/account/settings"

export default function PremiumLocked() {
  return (
    <div style={{ padding: 24, fontFamily: 'ui-monospace, monospace', fontSize: 13, lineHeight: 1.6, color: '#9aa3af' }}>
      {PREMIUM_NOTICE}
    </div>
  )
}

components/aicanvas/andromeda-pro/components/Cube.tsx

const PREMIUM_NOTICE =
  "\"Andromeda Pro 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. Already subscribed? Sign in and copy your personal install command from https://aicanvas.me/account/settings"

export default function PremiumLocked() {
  return (
    <div style={{ padding: 24, fontFamily: 'ui-monospace, monospace', fontSize: 13, lineHeight: 1.6, color: '#9aa3af' }}>
      {PREMIUM_NOTICE}
    </div>
  )
}

components/aicanvas/andromeda-pro/components/DataTable.tsx

const PREMIUM_NOTICE =
  "\"Andromeda Pro 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. Already subscribed? Sign in and copy your personal install command from https://aicanvas.me/account/settings"

export default function PremiumLocked() {
  return (
    <div style={{ padding: 24, fontFamily: 'ui-monospace, monospace', fontSize: 13, lineHeight: 1.6, color: '#9aa3af' }}>
      {PREMIUM_NOTICE}
    </div>
  )
}

components/aicanvas/andromeda-pro/components/DateRangePicker.tsx

const PREMIUM_NOTICE =
  "\"Andromeda Pro 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. Already subscribed? Sign in and copy your personal install command from https://aicanvas.me/account/settings"

export default function PremiumLocked() {
  return (
    <div style={{ padding: 24, fontFamily: 'ui-monospace, monospace', fontSize: 13, lineHeight: 1.6, color: '#9aa3af' }}>
      {PREMIUM_NOTICE}
    </div>
  )
}

components/aicanvas/andromeda-pro/components/Drawer.tsx

const PREMIUM_NOTICE =
  "\"Andromeda Pro 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. Already subscribed? Sign in and copy your personal install command from https://aicanvas.me/account/settings"

export default function PremiumLocked() {
  return (
    <div style={{ padding: 24, fontFamily: 'ui-monospace, monospace', fontSize: 13, lineHeight: 1.6, color: '#9aa3af' }}>
      {PREMIUM_NOTICE}
    </div>
  )
}

components/aicanvas/andromeda-pro/components/EmptyState.tsx

const PREMIUM_NOTICE =
  "\"Andromeda Pro 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. Already subscribed? Sign in and copy your personal install command from https://aicanvas.me/account/settings"

export default function PremiumLocked() {
  return (
    <div style={{ padding: 24, fontFamily: 'ui-monospace, monospace', fontSize: 13, lineHeight: 1.6, color: '#9aa3af' }}>
      {PREMIUM_NOTICE}
    </div>
  )
}

components/aicanvas/andromeda-pro/components/Footer.tsx

const PREMIUM_NOTICE =
  "\"Andromeda Pro 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. Already subscribed? Sign in and copy your personal install command from https://aicanvas.me/account/settings"

export default function PremiumLocked() {
  return (
    <div style={{ padding: 24, fontFamily: 'ui-monospace, monospace', fontSize: 13, lineHeight: 1.6, color: '#9aa3af' }}>
      {PREMIUM_NOTICE}
    </div>
  )
}

components/aicanvas/andromeda-pro/components/FunnelChart.tsx

const PREMIUM_NOTICE =
  "\"Andromeda Pro 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. Already subscribed? Sign in and copy your personal install command from https://aicanvas.me/account/settings"

export default function PremiumLocked() {
  return (
    <div style={{ padding: 24, fontFamily: 'ui-monospace, monospace', fontSize: 13, lineHeight: 1.6, color: '#9aa3af' }}>
      {PREMIUM_NOTICE}
    </div>
  )
}

components/aicanvas/andromeda-pro/components/Gauge.tsx

const PREMIUM_NOTICE =
  "\"Andromeda Pro 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. Already subscribed? Sign in and copy your personal install command from https://aicanvas.me/account/settings"

export default function PremiumLocked() {
  return (
    <div style={{ padding: 24, fontFamily: 'ui-monospace, monospace', fontSize: 13, lineHeight: 1.6, color: '#9aa3af' }}>
      {PREMIUM_NOTICE}
    </div>
  )
}

components/aicanvas/andromeda-pro/components/HeatGrid.tsx

const PREMIUM_NOTICE =
  "\"Andromeda Pro 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. Already subscribed? Sign in and copy your personal install command from https://aicanvas.me/account/settings"

export default function PremiumLocked() {
  return (
    <div style={{ padding: 24, fontFamily: 'ui-monospace, monospace', fontSize: 13, lineHeight: 1.6, color: '#9aa3af' }}>
      {PREMIUM_NOTICE}
    </div>
  )
}

components/aicanvas/andromeda-pro/components/IconButton.tsx

const PREMIUM_NOTICE =
  "\"Andromeda Pro 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. Already subscribed? Sign in and copy your personal install command from https://aicanvas.me/account/settings"

export default function PremiumLocked() {
  return (
    <div style={{ padding: 24, fontFamily: 'ui-monospace, monospace', fontSize: 13, lineHeight: 1.6, color: '#9aa3af' }}>
      {PREMIUM_NOTICE}
    </div>
  )
}

components/aicanvas/andromeda-pro/components/Input.tsx

const PREMIUM_NOTICE =
  "\"Andromeda Pro 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. Already subscribed? Sign in and copy your personal install command from https://aicanvas.me/account/settings"

export default function PremiumLocked() {
  return (
    <div style={{ padding: 24, fontFamily: 'ui-monospace, monospace', fontSize: 13, lineHeight: 1.6, color: '#9aa3af' }}>
      {PREMIUM_NOTICE}
    </div>
  )
}

components/aicanvas/andromeda-pro/components/Item.tsx

const PREMIUM_NOTICE =
  "\"Andromeda Pro 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. Already subscribed? Sign in and copy your personal install command from https://aicanvas.me/account/settings"

export default function PremiumLocked() {
  return (
    <div style={{ padding: 24, fontFamily: 'ui-monospace, monospace', fontSize: 13, lineHeight: 1.6, color: '#9aa3af' }}>
      {PREMIUM_NOTICE}
    </div>
  )
}

components/aicanvas/andromeda-pro/components/LogoCloud.tsx

const PREMIUM_NOTICE =
  "\"Andromeda Pro 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. Already subscribed? Sign in and copy your personal install command from https://aicanvas.me/account/settings"

export default function PremiumLocked() {
  return (
    <div style={{ padding: 24, fontFamily: 'ui-monospace, monospace', fontSize: 13, lineHeight: 1.6, color: '#9aa3af' }}>
      {PREMIUM_NOTICE}
    </div>
  )
}

components/aicanvas/andromeda-pro/components/Marquee.tsx

const PREMIUM_NOTICE =
  "\"Andromeda Pro 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. Already subscribed? Sign in and copy your personal install command from https://aicanvas.me/account/settings"

export default function PremiumLocked() {
  return (
    <div style={{ padding: 24, fontFamily: 'ui-monospace, monospace', fontSize: 13, lineHeight: 1.6, color: '#9aa3af' }}>
      {PREMIUM_NOTICE}
    </div>
  )
}

components/aicanvas/andromeda-pro/components/MediaCard.tsx

const PREMIUM_NOTICE =
  "\"Andromeda Pro 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. Already subscribed? Sign in and copy your personal install command from https://aicanvas.me/account/settings"

export default function PremiumLocked() {
  return (
    <div style={{ padding: 24, fontFamily: 'ui-monospace, monospace', fontSize: 13, lineHeight: 1.6, color: '#9aa3af' }}>
      {PREMIUM_NOTICE}
    </div>
  )
}

components/aicanvas/andromeda-pro/components/Message.tsx

const PREMIUM_NOTICE =
  "\"Andromeda Pro 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. Already subscribed? Sign in and copy your personal install command from https://aicanvas.me/account/settings"

export default function PremiumLocked() {
  return (
    <div style={{ padding: 24, fontFamily: 'ui-monospace, monospace', fontSize: 13, lineHeight: 1.6, color: '#9aa3af' }}>
      {PREMIUM_NOTICE}
    </div>
  )
}

components/aicanvas/andromeda-pro/components/MetricChart.tsx

const PREMIUM_NOTICE =
  "\"Andromeda Pro 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. Already subscribed? Sign in and copy your personal install command from https://aicanvas.me/account/settings"

export default function PremiumLocked() {
  return (
    <div style={{ padding: 24, fontFamily: 'ui-monospace, monospace', fontSize: 13, lineHeight: 1.6, color: '#9aa3af' }}>
      {PREMIUM_NOTICE}
    </div>
  )
}

components/aicanvas/andromeda-pro/components/MusicPlayer.tsx

const PREMIUM_NOTICE =
  "\"Andromeda Pro 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. Already subscribed? Sign in and copy your personal install command from https://aicanvas.me/account/settings"

export default function PremiumLocked() {
  return (
    <div style={{ padding: 24, fontFamily: 'ui-monospace, monospace', fontSize: 13, lineHeight: 1.6, color: '#9aa3af' }}>
      {PREMIUM_NOTICE}
    </div>
  )
}

components/aicanvas/andromeda-pro/components/NavItem.tsx

const PREMIUM_NOTICE =
  "\"Andromeda Pro 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. Already subscribed? Sign in and copy your personal install command from https://aicanvas.me/account/settings"

export default function PremiumLocked() {
  return (
    <div style={{ padding: 24, fontFamily: 'ui-monospace, monospace', fontSize: 13, lineHeight: 1.6, color: '#9aa3af' }}>
      {PREMIUM_NOTICE}
    </div>
  )
}

components/aicanvas/andromeda-pro/components/Navbar.tsx

const PREMIUM_NOTICE =
  "\"Andromeda Pro 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. Already subscribed? Sign in and copy your personal install command from https://aicanvas.me/account/settings"

export default function PremiumLocked() {
  return (
    <div style={{ padding: 24, fontFamily: 'ui-monospace, monospace', fontSize: 13, lineHeight: 1.6, color: '#9aa3af' }}>
      {PREMIUM_NOTICE}
    </div>
  )
}

components/aicanvas/andromeda-pro/components/Nodes.tsx

const PREMIUM_NOTICE =
  "\"Andromeda Pro 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. Already subscribed? Sign in and copy your personal install command from https://aicanvas.me/account/settings"

export default function PremiumLocked() {
  return (
    <div style={{ padding: 24, fontFamily: 'ui-monospace, monospace', fontSize: 13, lineHeight: 1.6, color: '#9aa3af' }}>
      {PREMIUM_NOTICE}
    </div>
  )
}

components/aicanvas/andromeda-pro/components/Orb.tsx

const PREMIUM_NOTICE =
  "\"Andromeda Pro 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. Already subscribed? Sign in and copy your personal install command from https://aicanvas.me/account/settings"

export default function PremiumLocked() {
  return (
    <div style={{ padding: 24, fontFamily: 'ui-monospace, monospace', fontSize: 13, lineHeight: 1.6, color: '#9aa3af' }}>
      {PREMIUM_NOTICE}
    </div>
  )
}

components/aicanvas/andromeda-pro/components/PanelHeader.tsx

const PREMIUM_NOTICE =
  "\"Andromeda Pro 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. Already subscribed? Sign in and copy your personal install command from https://aicanvas.me/account/settings"

export default function PremiumLocked() {
  return (
    <div style={{ padding: 24, fontFamily: 'ui-monospace, monospace', fontSize: 13, lineHeight: 1.6, color: '#9aa3af' }}>
      {PREMIUM_NOTICE}
    </div>
  )
}

components/aicanvas/andromeda-pro/components/PanelMenu.tsx

const PREMIUM_NOTICE =
  "\"Andromeda Pro 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. Already subscribed? Sign in and copy your personal install command from https://aicanvas.me/account/settings"

export default function PremiumLocked() {
  return (
    <div style={{ padding: 24, fontFamily: 'ui-monospace, monospace', fontSize: 13, lineHeight: 1.6, color: '#9aa3af' }}>
      {PREMIUM_NOTICE}
    </div>
  )
}

components/aicanvas/andromeda-pro/components/PaymentCard.tsx

const PREMIUM_NOTICE =
  "\"Andromeda Pro 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. Already subscribed? Sign in and copy your personal install command from https://aicanvas.me/account/settings"

export default function PremiumLocked() {
  return (
    <div style={{ padding: 24, fontFamily: 'ui-monospace, monospace', fontSize: 13, lineHeight: 1.6, color: '#9aa3af' }}>
      {PREMIUM_NOTICE}
    </div>
  )
}

components/aicanvas/andromeda-pro/components/Planet.tsx

const PREMIUM_NOTICE =
  "\"Andromeda Pro 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. Already subscribed? Sign in and copy your personal install command from https://aicanvas.me/account/settings"

export default function PremiumLocked() {
  return (
    <div style={{ padding: 24, fontFamily: 'ui-monospace, monospace', fontSize: 13, lineHeight: 1.6, color: '#9aa3af' }}>
      {PREMIUM_NOTICE}
    </div>
  )
}

components/aicanvas/andromeda-pro/components/Popover.tsx

const PREMIUM_NOTICE =
  "\"Andromeda Pro 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. Already subscribed? Sign in and copy your personal install command from https://aicanvas.me/account/settings"

export default function PremiumLocked() {
  return (
    <div style={{ padding: 24, fontFamily: 'ui-monospace, monospace', fontSize: 13, lineHeight: 1.6, color: '#9aa3af' }}>
      {PREMIUM_NOTICE}
    </div>
  )
}

components/aicanvas/andromeda-pro/components/PricingCard.tsx

const PREMIUM_NOTICE =
  "\"Andromeda Pro 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. Already subscribed? Sign in and copy your personal install command from https://aicanvas.me/account/settings"

export default function PremiumLocked() {
  return (
    <div style={{ padding: 24, fontFamily: 'ui-monospace, monospace', fontSize: 13, lineHeight: 1.6, color: '#9aa3af' }}>
      {PREMIUM_NOTICE}
    </div>
  )
}

components/aicanvas/andromeda-pro/components/ProgressBar.tsx

const PREMIUM_NOTICE =
  "\"Andromeda Pro 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. Already subscribed? Sign in and copy your personal install command from https://aicanvas.me/account/settings"

export default function PremiumLocked() {
  return (
    <div style={{ padding: 24, fontFamily: 'ui-monospace, monospace', fontSize: 13, lineHeight: 1.6, color: '#9aa3af' }}>
      {PREMIUM_NOTICE}
    </div>
  )
}

components/aicanvas/andromeda-pro/components/PromptInput.tsx

const PREMIUM_NOTICE =
  "\"Andromeda Pro 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. Already subscribed? Sign in and copy your personal install command from https://aicanvas.me/account/settings"

export default function PremiumLocked() {
  return (
    <div style={{ padding: 24, fontFamily: 'ui-monospace, monospace', fontSize: 13, lineHeight: 1.6, color: '#9aa3af' }}>
      {PREMIUM_NOTICE}
    </div>
  )
}

components/aicanvas/andromeda-pro/components/RadarChart.tsx

const PREMIUM_NOTICE =
  "\"Andromeda Pro 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. Already subscribed? Sign in and copy your personal install command from https://aicanvas.me/account/settings"

export default function PremiumLocked() {
  return (
    <div style={{ padding: 24, fontFamily: 'ui-monospace, monospace', fontSize: 13, lineHeight: 1.6, color: '#9aa3af' }}>
      {PREMIUM_NOTICE}
    </div>
  )
}

components/aicanvas/andromeda-pro/components/Radio.tsx

const PREMIUM_NOTICE =
  "\"Andromeda Pro 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. Already subscribed? Sign in and copy your personal install command from https://aicanvas.me/account/settings"

export default function PremiumLocked() {
  return (
    <div style={{ padding: 24, fontFamily: 'ui-monospace, monospace', fontSize: 13, lineHeight: 1.6, color: '#9aa3af' }}>
      {PREMIUM_NOTICE}
    </div>
  )
}

components/aicanvas/andromeda-pro/components/SearchField.tsx

const PREMIUM_NOTICE =
  "\"Andromeda Pro 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. Already subscribed? Sign in and copy your personal install command from https://aicanvas.me/account/settings"

export default function PremiumLocked() {
  return (
    <div style={{ padding: 24, fontFamily: 'ui-monospace, monospace', fontSize: 13, lineHeight: 1.6, color: '#9aa3af' }}>
      {PREMIUM_NOTICE}
    </div>
  )
}

components/aicanvas/andromeda-pro/components/SectionHeading.tsx

const PREMIUM_NOTICE =
  "\"Andromeda Pro 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. Already subscribed? Sign in and copy your personal install command from https://aicanvas.me/account/settings"

export default function PremiumLocked() {
  return (
    <div style={{ padding: 24, fontFamily: 'ui-monospace, monospace', fontSize: 13, lineHeight: 1.6, color: '#9aa3af' }}>
      {PREMIUM_NOTICE}
    </div>
  )
}

components/aicanvas/andromeda-pro/components/SegmentedControl.tsx

const PREMIUM_NOTICE =
  "\"Andromeda Pro 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. Already subscribed? Sign in and copy your personal install command from https://aicanvas.me/account/settings"

export default function PremiumLocked() {
  return (
    <div style={{ padding: 24, fontFamily: 'ui-monospace, monospace', fontSize: 13, lineHeight: 1.6, color: '#9aa3af' }}>
      {PREMIUM_NOTICE}
    </div>
  )
}

components/aicanvas/andromeda-pro/components/Sidebar.tsx

const PREMIUM_NOTICE =
  "\"Andromeda Pro 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. Already subscribed? Sign in and copy your personal install command from https://aicanvas.me/account/settings"

export default function PremiumLocked() {
  return (
    <div style={{ padding: 24, fontFamily: 'ui-monospace, monospace', fontSize: 13, lineHeight: 1.6, color: '#9aa3af' }}>
      {PREMIUM_NOTICE}
    </div>
  )
}

components/aicanvas/andromeda-pro/components/Skeleton.tsx

const PREMIUM_NOTICE =
  "\"Andromeda Pro 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. Already subscribed? Sign in and copy your personal install command from https://aicanvas.me/account/settings"

export default function PremiumLocked() {
  return (
    <div style={{ padding: 24, fontFamily: 'ui-monospace, monospace', fontSize: 13, lineHeight: 1.6, color: '#9aa3af' }}>
      {PREMIUM_NOTICE}
    </div>
  )
}

components/aicanvas/andromeda-pro/components/Slider.tsx

const PREMIUM_NOTICE =
  "\"Andromeda Pro 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. Already subscribed? Sign in and copy your personal install command from https://aicanvas.me/account/settings"

export default function PremiumLocked() {
  return (
    <div style={{ padding: 24, fontFamily: 'ui-monospace, monospace', fontSize: 13, lineHeight: 1.6, color: '#9aa3af' }}>
      {PREMIUM_NOTICE}
    </div>
  )
}

components/aicanvas/andromeda-pro/components/Spinner.tsx

const PREMIUM_NOTICE =
  "\"Andromeda Pro 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. Already subscribed? Sign in and copy your personal install command from https://aicanvas.me/account/settings"

export default function PremiumLocked() {
  return (
    <div style={{ padding: 24, fontFamily: 'ui-monospace, monospace', fontSize: 13, lineHeight: 1.6, color: '#9aa3af' }}>
      {PREMIUM_NOTICE}
    </div>
  )
}

components/aicanvas/andromeda-pro/components/StatTile.tsx

const PREMIUM_NOTICE =
  "\"Andromeda Pro 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. Already subscribed? Sign in and copy your personal install command from https://aicanvas.me/account/settings"

export default function PremiumLocked() {
  return (
    <div style={{ padding: 24, fontFamily: 'ui-monospace, monospace', fontSize: 13, lineHeight: 1.6, color: '#9aa3af' }}>
      {PREMIUM_NOTICE}
    </div>
  )
}

components/aicanvas/andromeda-pro/components/Stepper.tsx

const PREMIUM_NOTICE =
  "\"Andromeda Pro 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. Already subscribed? Sign in and copy your personal install command from https://aicanvas.me/account/settings"

export default function PremiumLocked() {
  return (
    <div style={{ padding: 24, fontFamily: 'ui-monospace, monospace', fontSize: 13, lineHeight: 1.6, color: '#9aa3af' }}>
      {PREMIUM_NOTICE}
    </div>
  )
}

components/aicanvas/andromeda-pro/components/StrengthMeter.tsx

const PREMIUM_NOTICE =
  "\"Andromeda Pro 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. Already subscribed? Sign in and copy your personal install command from https://aicanvas.me/account/settings"

export default function PremiumLocked() {
  return (
    <div style={{ padding: 24, fontFamily: 'ui-monospace, monospace', fontSize: 13, lineHeight: 1.6, color: '#9aa3af' }}>
      {PREMIUM_NOTICE}
    </div>
  )
}

components/aicanvas/andromeda-pro/components/Suggestion.tsx

const PREMIUM_NOTICE =
  "\"Andromeda Pro 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. Already subscribed? Sign in and copy your personal install command from https://aicanvas.me/account/settings"

export default function PremiumLocked() {
  return (
    <div style={{ padding: 24, fontFamily: 'ui-monospace, monospace', fontSize: 13, lineHeight: 1.6, color: '#9aa3af' }}>
      {PREMIUM_NOTICE}
    </div>
  )
}

components/aicanvas/andromeda-pro/components/Table.tsx

const PREMIUM_NOTICE =
  "\"Andromeda Pro 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. Already subscribed? Sign in and copy your personal install command from https://aicanvas.me/account/settings"

export default function PremiumLocked() {
  return (
    <div style={{ padding: 24, fontFamily: 'ui-monospace, monospace', fontSize: 13, lineHeight: 1.6, color: '#9aa3af' }}>
      {PREMIUM_NOTICE}
    </div>
  )
}

components/aicanvas/andromeda-pro/components/Tabs.tsx

const PREMIUM_NOTICE =
  "\"Andromeda Pro 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. Already subscribed? Sign in and copy your personal install command from https://aicanvas.me/account/settings"

export default function PremiumLocked() {
  return (
    <div style={{ padding: 24, fontFamily: 'ui-monospace, monospace', fontSize: 13, lineHeight: 1.6, color: '#9aa3af' }}>
      {PREMIUM_NOTICE}
    </div>
  )
}

components/aicanvas/andromeda-pro/components/Tag.tsx

const PREMIUM_NOTICE =
  "\"Andromeda Pro 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. Already subscribed? Sign in and copy your personal install command from https://aicanvas.me/account/settings"

export default function PremiumLocked() {
  return (
    <div style={{ padding: 24, fontFamily: 'ui-monospace, monospace', fontSize: 13, lineHeight: 1.6, color: '#9aa3af' }}>
      {PREMIUM_NOTICE}
    </div>
  )
}

components/aicanvas/andromeda-pro/components/Textarea.tsx

const PREMIUM_NOTICE =
  "\"Andromeda Pro 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. Already subscribed? Sign in and copy your personal install command from https://aicanvas.me/account/settings"

export default function PremiumLocked() {
  return (
    <div style={{ padding: 24, fontFamily: 'ui-monospace, monospace', fontSize: 13, lineHeight: 1.6, color: '#9aa3af' }}>
      {PREMIUM_NOTICE}
    </div>
  )
}

components/aicanvas/andromeda-pro/components/Toggle.tsx

const PREMIUM_NOTICE =
  "\"Andromeda Pro 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. Already subscribed? Sign in and copy your personal install command from https://aicanvas.me/account/settings"

export default function PremiumLocked() {
  return (
    <div style={{ padding: 24, fontFamily: 'ui-monospace, monospace', fontSize: 13, lineHeight: 1.6, color: '#9aa3af' }}>
      {PREMIUM_NOTICE}
    </div>
  )
}

components/aicanvas/andromeda-pro/components/Tool.tsx

const PREMIUM_NOTICE =
  "\"Andromeda Pro 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. Already subscribed? Sign in and copy your personal install command from https://aicanvas.me/account/settings"

export default function PremiumLocked() {
  return (
    <div style={{ padding: 24, fontFamily: 'ui-monospace, monospace', fontSize: 13, lineHeight: 1.6, color: '#9aa3af' }}>
      {PREMIUM_NOTICE}
    </div>
  )
}

components/aicanvas/andromeda-pro/components/Tooltip.tsx

const PREMIUM_NOTICE =
  "\"Andromeda Pro 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. Already subscribed? Sign in and copy your personal install command from https://aicanvas.me/account/settings"

export default function PremiumLocked() {
  return (
    <div style={{ padding: 24, fontFamily: 'ui-monospace, monospace', fontSize: 13, lineHeight: 1.6, color: '#9aa3af' }}>
      {PREMIUM_NOTICE}
    </div>
  )
}

components/aicanvas/andromeda-pro/components/TopBar.tsx

const PREMIUM_NOTICE =
  "\"Andromeda Pro 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. Already subscribed? Sign in and copy your personal install command from https://aicanvas.me/account/settings"

export default function PremiumLocked() {
  return (
    <div style={{ padding: 24, fontFamily: 'ui-monospace, monospace', fontSize: 13, lineHeight: 1.6, color: '#9aa3af' }}>
      {PREMIUM_NOTICE}
    </div>
  )
}

components/aicanvas/andromeda-pro/components/TrendChart.tsx

const PREMIUM_NOTICE =
  "\"Andromeda Pro 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. Already subscribed? Sign in and copy your personal install command from https://aicanvas.me/account/settings"

export default function PremiumLocked() {
  return (
    <div style={{ padding: 24, fontFamily: 'ui-monospace, monospace', fontSize: 13, lineHeight: 1.6, color: '#9aa3af' }}>
      {PREMIUM_NOTICE}
    </div>
  )
}

components/aicanvas/andromeda-pro/components/UserCard.tsx

const PREMIUM_NOTICE =
  "\"Andromeda Pro 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. Already subscribed? Sign in and copy your personal install command from https://aicanvas.me/account/settings"

export default function PremiumLocked() {
  return (
    <div style={{ padding: 24, fontFamily: 'ui-monospace, monospace', fontSize: 13, lineHeight: 1.6, color: '#9aa3af' }}>
      {PREMIUM_NOTICE}
    </div>
  )
}

components/aicanvas/andromeda-pro/components/UserMenu.tsx

const PREMIUM_NOTICE =
  "\"Andromeda Pro 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. Already subscribed? Sign in and copy your personal install command from https://aicanvas.me/account/settings"

export default function PremiumLocked() {
  return (
    <div style={{ padding: 24, fontFamily: 'ui-monospace, monospace', fontSize: 13, lineHeight: 1.6, color: '#9aa3af' }}>
      {PREMIUM_NOTICE}
    </div>
  )
}

components/aicanvas/andromeda-pro/components/Waveform.tsx

const PREMIUM_NOTICE =
  "\"Andromeda Pro 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. Already subscribed? Sign in and copy your personal install command from https://aicanvas.me/account/settings"

export default function PremiumLocked() {
  return (
    <div style={{ padding: 24, fontFamily: 'ui-monospace, monospace', fontSize: 13, lineHeight: 1.6, color: '#9aa3af' }}>
      {PREMIUM_NOTICE}
    </div>
  )
}

components/aicanvas/andromeda-pro/components/lib/color.ts

export const PREMIUM_NOTICE = "\"Andromeda Pro 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. Already subscribed? Sign in and copy your personal install command from https://aicanvas.me/account/settings"

components/aicanvas/andromeda-pro/components/lib/motion.ts

export const PREMIUM_NOTICE = "\"Andromeda Pro 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. Already subscribed? Sign in and copy your personal install command from https://aicanvas.me/account/settings"

components/aicanvas/andromeda-pro/components/lib/responsive.ts

export const PREMIUM_NOTICE = "\"Andromeda Pro 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. Already subscribed? Sign in and copy your personal install command from https://aicanvas.me/account/settings"

More from aicanvas

AI Job Cardsui Andromeda Legacy design systemblock Alert (Andromeda Legacy)ui Andromeda Legacy: full systemblock Avatar (Andromeda Legacy)ui Badge (Andromeda Legacy)ui Andromeda Buttonui Button (Andromeda Legacy)ui

Browse all components in this library →