Components(137)
Design system primitives: buttons, badges and other building blocks our sections are composed from. Install one and reuse it across your whole project.
| Component | Title | Category | Install |
|---|---|---|---|
| badge22 | Kbd Shortcut Badge | Badge | npx shadcn add https://ui.beste.co/component/r/badge22 |
| badge21 | Announcement Badge | Badge | npx shadcn add https://ui.beste.co/component/r/badge21 |
| badge20 | Logo Strip Badge | Badge | npx shadcn add https://ui.beste.co/component/r/badge20 |
| badge19 | Tag Group Badge | Badge | npx shadcn add https://ui.beste.co/component/r/badge19 |
| badge18 | Countdown Badge | Badge | npx shadcn add https://ui.beste.co/component/r/badge18 |
| badge17 | Notification Badge | Badge | npx shadcn add https://ui.beste.co/component/r/badge17 |
| badge16 | Profile Badge | Badge | npx shadcn add https://ui.beste.co/component/r/badge16 |
| badge15 | Stat Badge | Badge | npx shadcn add https://ui.beste.co/component/r/badge15 |
| badge14 | Testimonial Badge | Badge | npx shadcn add https://ui.beste.co/component/r/badge14 |
| badge13 | Marker Highlight Badge | Badge | npx shadcn add https://ui.beste.co/component/r/badge13 |
| badge12 | Rating Badge | Badge | npx shadcn add https://ui.beste.co/component/r/badge12 |
| badge11 | Barcode Badge | Badge | npx shadcn add https://ui.beste.co/component/r/badge11 |
| badge10 | Rotating Text Seal | Badge | npx shadcn add https://ui.beste.co/component/r/badge10 |
| badge9 | Trend Delta Badge | Badge | npx shadcn add https://ui.beste.co/component/r/badge9 |
| badge8 | Pulse Status Badge | Badge | npx shadcn add https://ui.beste.co/component/r/badge8 |
| badge7 | Parenthetical Eyebrow | Badge | npx shadcn add https://ui.beste.co/component/r/badge7 |
| badge6 | Eyebrow Badge | Badge | npx shadcn add https://ui.beste.co/component/r/badge6 |
Kbd Shortcut Badge
A keyboard shortcut badge with real keycaps for command palettes and developer tools.
Announcement Badge
An announcement pill badge with a bold tag, message, and optional link arrow for hero sections.
Logo Strip Badge
A trusted by logo strip badge with grayscale logos that regain color on hover.
Tag Group Badge
A tag group badge that renders wrapping chips for services, skills, and topics.
Countdown Badge
A live countdown badge for launches and limited offers, SSR safe with a finished state.
Notification Badge
A toast style notification badge with an icon tile, title, and description for product updates.
Profile Badge
A profile badge with avatar, name, and role for author and team credits.
Testimonial Badge
A testimonial badge with an avatar stack, star rating, and social proof text for hero sections.
Marker Highlight Badge
A marker highlight badge that draws a highlighter stroke behind key words in headlines.
Rating Badge
A star rating badge with a numeric value and review text for social proof sections.
Barcode Badge
A decorative barcode badge with a monospace caption for editorial and print inspired sections.
Rotating Text Seal
A rotating circular text badge with a center icon for editorial seals and open for work stamps.
Trend Delta Badge
A metric delta badge with trend arrows for dashboards, stat rows, and pricing tables.
Pulse Status Badge
A status badge with a pulsing dot for availability, live states, and system health.