1 slot open this monthBy the makers of shadcnregistryWe built shadcnregistry. Now we build your product.Book a callCheck availability
1 slot open this monthAI features?We build AI features into your product.Book a callCheck availability
1 slot open this month🚨 Slop police🚨 Slop police: we clean up vibe-coded apps.Report itReport your app
shadcnregistry
shadcnregistry
RegistryHealthInspect
Terms of ServicePrivacy Policy
  1. Registries
  3. ai2
  5. Button

Button

ui

Button with a full variant x tone x size matrix: 5 variants (solid, soft, outline, ghost, link), 6 tones (neutral, brand, success, warning, danger, info), 10 sizes (xs-xl plus square icon-xs through icon-xl for icon-only buttons), plus isLoading and asChild. Every tone is driven by ai2 semantic tokens.

pnpm dlx shadcn@latest add "https://ai2.design/r/button.json"
Premium blocks for shadcn/uiShadcnblocks.com · AffiliateExplore
  • class-variance-authority@^0.7.1
  • radix-ui@^1.6.1
  • lucide-react@^1.23.0
components/ui/button.tsx