aicanvas
uiandromeda-buttonsource: ok · hit
Andromeda Button
A sci-fi / blueprint-aesthetic button with five variants (default, outline, ghost, destructive, link), three sizes (small, medium, large), optional leading icon, and full hover / focus / active / disabled state coverage. Transparent hairline surfaces sit on a near-black canvas, with an electric-blue accent that brightens and glows on interaction. Free account required to install; source is free to read.
npx shadcn add "https://aicanvas.me/r/andromeda-button.json"free
Where it goes
stats
Visual style
3d
Interaction
animated-counter
Tags auto-generated by rules on 9/24/2026 — empty means no evidence, not lack of support.
Dependencies
Bundle weight · mediumframeworknext
Files3 · source cached 10/9/2026, 9:23:41 AM
components/aicanvas/andromeda/components/Button.tsx
const ACCOUNT_NOTICE =
"Almost there! \"Button (Andromeda Legacy)\" is free with an AI Canvas account (free, unlimited installs). Sign up at https://aicanvas.me/account/sign-up, then copy your personal install command from the component page. Already have an account? Sign in and copy it from https://aicanvas.me/account/settings"
export default function AccountRequired() {
return (
<div style={{ padding: 24, fontFamily: 'ui-monospace, monospace', fontSize: 13, lineHeight: 1.6, color: '#9aa3af' }}>
{ACCOUNT_NOTICE}
</div>
)
}
components/aicanvas/andromeda/components/lib/motion.ts
export const ACCOUNT_NOTICE = "Almost there! \"Button (Andromeda Legacy)\" is free with an AI Canvas account (free, unlimited installs). Sign up at https://aicanvas.me/account/sign-up, then copy your personal install command from the component page. Already have an account? Sign in and copy it from https://aicanvas.me/account/settings"
components/aicanvas/andromeda/components/lib/responsive.ts
export const ACCOUNT_NOTICE = "Almost there! \"Button (Andromeda Legacy)\" is free with an AI Canvas account (free, unlimited installs). Sign up at https://aicanvas.me/account/sign-up, then copy your personal install command from the component page. Already have an account? Sign in and copy it from https://aicanvas.me/account/settings"