Design system primitives: buttons, badges and other building blocks our sections are composed from. Install one and reuse it across your whole project.
1–17 of 17
An eyebrow kicker badge with an accent square and uppercase, letter spaced label for section headings.
A monospace eyebrow badge that wraps its label in brackets, with a vertical orientation option.
A status badge with a pulsing dot for availability, live states, and system health.
A metric delta badge with trend arrows for dashboards, stat rows, and pricing tables.
A rotating circular text badge with a center icon for editorial seals and open for work stamps.
A decorative barcode badge with a monospace caption for editorial and print inspired sections.
A star rating badge with a numeric value and review text for social proof sections.
A marker highlight badge that draws a highlighter stroke behind key words in headlines.
A testimonial badge with an avatar stack, star rating, and social proof text for hero sections.
A stat badge with an icon, bold value, and label for quick hero metrics.
A profile badge with avatar, name, and role for author and team credits.
A toast style notification badge with an icon tile, title, and description for product updates.
A live countdown badge for launches and limited offers, SSR safe with a finished state.
A tag group badge that renders wrapping chips for services, skills, and topics.
A trusted by logo strip badge with grayscale logos that regain color on hover.
An announcement pill badge with a bold tag, message, and optional link arrow for hero sections.
A keyboard shortcut badge with real keycaps for command palettes and developer tools.