design-infraReport a problem or share feedback← Catalog
CTA banner
curatedtheme-awarefreeoc/cta-banner
Closing call-to-action panel. `primary` = full --primary fill with inverted buttons (works on acid-yellow, rust, indigo); `card` = quiet bordered card with a glow.
$
npx shadcn@latest add @design-infra/cta-bannernpm deps: lucide-react
Live demo — under each design system
brutalist-mono
Ship your next idea tonight
Free for personal projects. Upgrade when your team grows.
Card variant, for quieter pages
Same API — a bordered card with a primary glow.
editorial
Ship your next idea tonight
Free for personal projects. Upgrade when your team grows.
Card variant, for quieter pages
Same API — a bordered card with a primary glow.
linear-dark
Ship your next idea tonight
Free for personal projects. Upgrade when your team grows.
Card variant, for quieter pages
Same API — a bordered card with a primary glow.
soft-glass
Ship your next idea tonight
Free for personal projects. Upgrade when your team grows.
Card variant, for quieter pages
Same API — a bordered card with a primary glow.
- Source
- oc
- Kind
- block
- Categories
- cta
- Use as
- drop-in — replaces your component
- Applies to
- cta
- Motion
- not tagged (static or unknown)
- Tags
- oc
- Live demo
- www.owencoonahan.xyz