Framework

Search items

Badge

A compact HUD-style badge with dot, pulse, size, and status variants.

ReactTailwind
Badge

A compact label for status, category, or metadata.

ReactTailwind
Badge

A compact status, count, or label marker attached to another element to draw attention to new or important information.

ReactTailwind

Status pill with motion that draws attention to changing labels or states.

ReactTailwindBadge

A luminous credential badge held together by curl-noise embers, carved typography, rain occlusion, waterline sparks, and an adaptive particle field.

React
Chip

A compact selectable or removable chip with monospace HUD styling.

ReactTailwind
Tag

A dismissible status tag with size, color, and optional glow variants.

ReactTailwind
8-bit Badge

Compact label for statuses, categories, or counts with pixel borders.

ReactTailwindBadge
Badge Overflow

A component that measures available space and displays only the badges that fit with an overflow indicator.

ReactTailwindList

Status badge with animated state icons, pulse feedback and compact size variants.

ReactTailwind
Achievement Badge

An achievement badge with locked and unlocked states, progress rings, and rarity levels.

ReactTailwind
Points Badge

A compact badge for displaying point or currency-style totals.

ReactTailwindBadge
Streak Badge

A compact streak counter for daily, weekly, monthly, or yearly periods.

ReactTailwindBadge
Announcement

Compound badge for product updates with optional tag, title, themed styling, and hover treatment.

ReactTailwindFeedback

Composable pill badge for avatars, status, actions, indicators, deltas, icons, and groups.

ReactTailwind

Service-uptime display with status badges, incident history, labels, and custom styling.

ReactTailwindBadge
Tags

Multi-tag input with creation, filtering, keyboard controls, suggestions, and removable badges.

ReactTailwindBadge
Chip

A compact visual label for categories, attributes, filters, or statuses that can optionally include an action.

ReactTailwind
FPS

A real-time frames-per-second counter component for monitoring performance.

ReactTailwindFeedback
Status

A status indicator with an animated ping effect and color variants for system states, user presence, and service health.

ReactTailwind
Kbd

Displays keyboard input or shortcut combinations with keycap styling.

ReactTailwind

iOS-style island pill that morphs between live activity views with bouncy shell resize and blur crossfades.

ReactTailwind
Stat

A component for displaying key metrics and statistics with support for trends, indicators, and descriptions.

ReactTailwind