A compact button group component featuring a static text label paired with an outline-style action button and a dropdown chevron icon, built with Tailwind CSS for clean UI layouts.
A horizontal button group component featuring a primary action button paired with a dropdown menu for secondary operations, built with Tailwind CSS and Heroicons.
A vertical button group component featuring icon-based buttons for audio control, built with a modular button group wrapper and secondary intent styling.
A vertical toolbar component featuring grouped icon buttons with toggleable selection states, built using Heroicons and a custom toolbar primitive.
A responsive toolbar component featuring grouped icon buttons for text formatting and alignment, utilizing state-aware icons that toggle between solid and outline styles upon selection.
A toolbar component featuring a group of icon-based action buttons with a disabled state, built using React and Heroicons for accessible UI controls.
A card component featuring a header with a title, description, and a right-aligned action menu button for performing contextual tasks like exporting data.
A toggleable show more/less button component featuring a rotating chevron icon animation and state-driven label updates built with Tailwind CSS.
A horizontal toolbar component featuring icon-only buttons with accessible tooltips for labels, built using Radix UI Tooltip and Lucide icons.
A read-only text field paired with a copy-to-clipboard button that features an animated icon transition between copy and check states using Framer Motion.
A horizontal button group component featuring a static text label prefix, designed for organizing sort or filter controls with a clean, consistent layout.
Select an Item to view its code
Choose an item from the list to view its code and files.