Buttons

96 components

buttons0
HeroUI Button Group
A view switcher of HeroUI buttons joined in a Button Group with a pressed state.
HeroUIbutton-groupbuttonsherouiApache-2.0
buttons0
HeroUI Button
An attributed HeroUI Button example with local CSS, accessible controls and announced state.
HeroUIcompiled-cssherouiinteractiveApache-2.0
buttons0
Headless UI Button
Save and discard buttons styled from Headless UI hover, active, focus and disabled states.
Headless UIbuttonbuttonsheadless-uiMIT
buttons0
Flowbite Dark Theme Toggle
A Flowbite dark theme toggle that switches this preview between light and dark styling.
Flowbite Reactbuttonsflowbite-dark-theme-toggleflowbite-reactMIT
buttons0
Flowbite React Button
Local project counter with disabled zero-state reset.
Flowbite Reactbuttonflowbite-reactinteractiveMIT
buttons0
daisyUI Theme Controller
A light and dark theme switch built from daisyUI theme-controller radios that restyle the card.
daisyUIbuttonsdaisyuiinteractiveMIT
buttons0
daisyUI Swap
Icon toggles that swap between on and off states with rotate and flip effects using daisyUI swap classes.
daisyUIdaisyuiinteractiveswapMIT
buttons0
daisyUI Join
A view switcher of joined daisyUI buttons with a pressed state.
daisyUIbuttonsdaisyuiinteractiveMIT
buttons0
daisyUI FAB
A floating action button that reveals labelled create actions when focused.
daisyUIbuttonsdaisyuifabMIT
buttons0
daisyUI Button
Local project counter with disabled zero reset.
daisyUIbuttondaisyuiinteractiveMIT
buttons0
Chakra UI Icon Button
A formatting toolbar of labelled icon buttons that toggle bold, italic and underline.
Chakra UIbuttonschakra-uiicon-buttonMIT
buttons0
Chakra UI Group
Attached filter buttons combined with Group, with a detached spacing option.
Chakra UIbuttonschakra-uigroupMIT
buttons0
Chakra UI Download Trigger
A button that downloads a locally generated CSV report with DownloadTrigger.
Chakra UIbuttonschakra-uidownload-triggerMIT
buttons0
Chakra UI Close Button
Dismissible tips each closed with a labelled Chakra close button.
Chakra UIbuttonschakra-uiclose-buttonMIT
buttons0
Chakra UI Button
Local project counter with disabled zero-state reset.
Chakra UIbuttonchakra-uiinteractiveMIT
buttons0
Base UI Toggle Group
A single-choice list, grid or board view switcher with arrow-key focus.
Base UIbase-uibuttonskeyboardMIT
buttons0
Base UI Toggle
Bookmark toggle buttons on an article list with pressed state and a saved count.
Base UIbase-uibuttonsinteractiveMIT
buttons0
Base UI Button
Primary and secondary Base UI buttons with a focusable disabled state while saving.
Base UIbase-uibuttonbuttonsMIT
buttons0
Ark UI Toggle Group
Single-choice layout switcher and multi-choice text-style toolbar.
Ark UIark-uiinteractivetoggle-groupMIT
buttons0
Ark UI Toggle
Pin and star toggle buttons with pressed state and indicators.
Ark UIark-uibuttonsinteractiveMIT
buttons0
Ant Design Float Button
A help Float Button pinned to the corner of a panel that toggles a local help note.
Ant Designant-designbuttonsfloat-buttonMIT
buttons0
Ant Design Button
Local project counter with disabled zero-state reset.
Ant Designant-designbuttoninteractiveMIT
buttons0
Animate UI Theme Toggler Button
A theme button that cycles light, dark and system with an animated icon swap, driven by next-themes.
Animate UIanimate-uibuttonscompiled-cssMIT + Commons Clause License Condition
buttons0
Animate UI Theme Toggler
A theme toggle that cycles light, dark and system with an animated view transition.
Animate UIanimate-uibuttonscompiled-cssMIT + Commons Clause License Condition