A GitHub repository star count display component featuring a compact formatted number, a GitHub icon, and a tooltip showing the full star count on hover.
A compact, inline status indicator featuring rounded corners, subtle shadows, and configurable variants for default, outline, or secondary styling using Tailwind CSS and class-variance-authority.
An interactive percentage badge icon featuring a smooth rotation animation triggered by hover states or imperative controls, built with React and Motion.
A versatile, rounded-full badge component featuring multiple color variants and sizes, built with Tailwind CSS and class-variance-authority for status indicators, tags, and labels.
A status indicator component featuring a pulsing ping animation and color-coded labels for online, offline, maintenance, and degraded states, built using a flexible badge-based architecture.
A highly customizable pill-shaped badge component featuring support for avatars, status indicators, pulse animations, and directional delta icons for displaying dynamic data.
A compound badge component designed for announcements, featuring a rounded pill-shaped container with optional theming, hover shadow effects, and sub-components for tags and titles.
A secondary variant badge component featuring a neutral background color and rounded corners, designed for highlighting auxiliary status or labels in a clean, minimalist UI.
A minimalist UI badge component featuring an outlined border style, built with Tailwind CSS for displaying status labels or tags.
A destructive variant badge component featuring a high-contrast red background style, designed for highlighting errors, alerts, or critical status indicators in a UI.
A simple, lightweight UI badge component built with Tailwind CSS, designed for displaying status labels, tags, or counts in a clean and minimalist style.
A lightweight, customizable UI component for displaying status indicators, labels, or counts, featuring flexible variant styling and clean typography built with Tailwind CSS.
A versatile, mono-spaced badge component featuring multiple variants, size options, and an optional sliced-corner clip-path design, built with Tailwind CSS and Radix UI Slot for flexible rendering.
A flexible tag group component featuring selectable, removable tags with custom styling, built using React Aria Components and Tailwind CSS for accessible, interactive data labeling.
A versatile, Tailwind-styled badge component featuring multiple semantic color intents, optional circular or rectangular shapes, and integrated icon support with hover-state overlays.
A versatile status indicator component supporting dot, count, and text variants with customizable themes, designed for attaching notifications or labels to UI elements.
A versatile chip component for tags, filters, or selections, featuring 7 themes, 3 variants, and 3 sizes with support for icons, avatars, dismissible actions, and selected states.
A highly customizable, theme-aware badge component featuring 9 color themes, 3 visual variants (filled, outlined, tonal), and 3 sizes, built with Tailwind CSS and class-variance-authority for consistent status and label display.
A scalloped verified badge component featuring shimmer or static variants, multiple color themes, size presets, and reduced-motion aware animations built with Framer Motion.
Select an Item to view its code
Choose an item from the list to view its code and files.