shadcn components you can actually ship.
Every item is audited — TypeScript strict, accessible, dark mode, responsive — and kept current with shadcn releases. Install from the CLI or your AI coding agent.
- Segmented ControlfreeSingle-choice segmented control with a sliding thumb, icons, three sizes and full keyboard support — a radio group under the hood.Inputs· toggle· radio· animated
- FAQ AccordionfreeFAQ section on native <details> (works with every shadcn style, no JS), split or stacked layout, exclusive or multi-open, and schema.org FAQPage structured data.FAQ· marketing· accordion· seo
- Footer ColumnsproSite footer with brand and tagline, labelled link columns, newsletter sign-up, legal links and icon social links.Footers· marketing· navigation· newsletter
- Pricing TiersproThree-tier pricing table with a monthly/yearly toggle, highlighted plan, locale-aware currency and per-tier feature lists.Pricing· marketing· saas· billing-toggle
- CTA BannerfreeClosing call-to-action panel with headline, copy and two actions. Primary, muted or outline surface; left-aligned or centred.Call to action· marketing· conversion· banner
- Hero CenteredproCentred landing hero with an announcement pill, two actions, small print and a grid or glow backdrop drawn from your theme.Hero sections· landing· marketing· announcement
- Hero SplitfreeTwo-column landing hero with eyebrow badge, headline, two actions and a media slot. Media side is switchable; stacks cleanly on mobile.Hero sections· landing· marketing· two-column
- Stats CardsproDashboard KPI cards with trend direction, invertible good/bad colouring, screen-reader trend labels and theme-coloured sparklines.Data display· dashboard· kpi· sparkline
- Testimonials GridproCustomer quotes as an even grid or masonry wall, with avatars, roles and accessible star ratings.Testimonials· marketing· social-proof· masonry
- Features GridfreeSection heading with a responsive grid of icon features. Two, three or four columns; plain, card or bordered-cell styles.Feature sections· marketing· grid· icons
- Button GlowfreeA shadcn Button with a soft, theme-aware glow. Variants for glow on/off and intensity.Buttons· animated· cta· glow