Buttons

96 components

buttons0
Material UI Toggle Button
Exclusive alignment and multi-select formatting toggle button groups that restyle a sample paragraph.
Material UIbuttonsinteractivematerial-uiMIT
buttons0
Material UI Fab
A floating add-note button and an extended variant that toggles to edit mode.
Material UIbuttonsfabinteractiveMIT
buttons0
Material UI Button Group
A segmented date-range button group and a vertical export button group.
Material UIbutton-groupbuttonsinteractiveMIT
buttons0
Material UI Button
Library action buttons; local project counter and disabled reset.
Material UIbuttoninteractivematerial-uiMIT
buttons0
Mantine Unstyled Button
Selectable plan tiles built from UnstyledButton with custom styling and pressed state.
MantinebuttonsinteractivemantineMIT
buttons0
Mantine Group
Form actions arranged with Group, switching justification and wrapping.
MantinebuttonsgroupinteractiveMIT
buttons0
Mantine File Button
A button that opens the file picker for avatar images and lists the chosen file locally.
Mantinebuttonsfile-buttoninteractiveMIT
buttons0
Mantine Copy Button
An invite link with a CopyButton that shows a copied state for two seconds.
Mantinebuttonscopy-buttoninteractiveMIT
buttons0
Mantine Close Button
Dismissible announcement cards each closed with a labelled Mantine close button.
Mantinebuttonsclose-buttoninteractiveMIT
buttons0
Mantine Button
Library action buttons; local project counter and disabled reset.
MantinebuttoninteractivemantineMIT
buttons0
Mantine Action Icon
Podcast player controls built from a labelled action icon group.
Mantineaction-iconbuttonsinteractiveMIT
buttons0
Magic UI Shiny Button
A subscribe button with a moving shine that confirms the subscription locally.
Magic UIbuttonscompiled-cssinteractiveMIT
buttons0
Magic UI Shimmer Button
An attributed Magic UI Shimmer Button example with local CSS, accessible controls and announced state.
Magic UIcompiled-cssinteractivemagic-uiMIT
buttons0
Magic UI Ripple Button
A like button that ripples from the point of each click and counts likes locally.
Magic UIbuttonscompiled-cssinteractiveMIT
buttons0
Magic UI Rainbow Button
A download button with an animated rainbow glow, in default and outline variants.
Magic UIbuttonscompiled-cssinteractiveMIT
buttons0
Magic UI Pulsating Button
A call-to-action button with a pulsing halo that stops once the action is taken.
Magic UIbuttonscompiled-cssinteractiveMIT
buttons0
Magic UI Interactive Hover Button
A get-started button whose dot expands to fill it on hover, revealing an arrow.
Magic UIbuttonscompiled-cssinteractiveMIT
buttons0
Magic UI Cool Mode
A celebrate button that sprays emoji or circle particles from the pointer while pressed.
Magic UIbuttonscompiled-csscool-modeMIT
buttons0
Magic UI Confetti
A launch button that fires a burst of canvas confetti from where it was pressed.
Magic UIbuttonscompiled-cssinteractiveMIT
buttons0
Magic UI Animated Theme Toggler
A sun and moon toggle that switches this preview between light and dark with a circular reveal.
Magic UIanimated-theme-togglerbuttonscompiled-cssMIT
buttons0
HeroUI Toolbar
An editor HeroUI Toolbar grouping formatting toggles and actions with arrow-key navigation.
HeroUIbuttonsherouiinteractiveApache-2.0
buttons0
HeroUI Toggle Button Group
A text alignment picker built from a single-selection HeroUI Toggle Button Group.
HeroUIbuttonsherouiinteractiveApache-2.0
buttons0
HeroUI Toggle Button
Formatting controls built from HeroUI toggle buttons with a selected state.
HeroUIbuttonsherouiinteractiveApache-2.0
buttons0
HeroUI Close Button
Filter chips removed with labelled HeroUI close buttons and restored from a local control.
HeroUIbuttonsclose-buttonherouiApache-2.0