Buttons
96 components
- Text alignment as a single-choice toggle group and text styles as a multiple-choice group. shadcn/ui, Buttons, 0 votes, MIT licencebuttons0
shadcn/ui Toggle Group
Text alignment as a single-choice toggle group and text styles as a multiple-choice group.
shadcn/uibuttonscompiled-cssinteractiveMIT - Formatting toggles in default and outline variants with a disabled toggle. shadcn/ui, Buttons, 0 votes, MIT licencebuttons0
shadcn/ui Toggle
Formatting toggles in default and outline variants with a disabled toggle.
shadcn/uibuttonscompiled-cssinteractiveMIT - An editor toolbar of grouped buttons with a separator and a text segment. shadcn/ui, Buttons, 0 votes, MIT licencebuttons0
shadcn/ui Button Group
An editor toolbar of grouped buttons with a separator and a text segment.
shadcn/uibutton-groupbuttonscompiled-cssMIT - An attributed shadcn/ui Button example with local CSS, accessible controls and announced state. shadcn/ui, Buttons, 0 votes, MIT licencebuttons0
shadcn/ui Button
An attributed shadcn/ui Button example with local CSS, accessible controls and announced state.
shadcn/uicompiled-cssinteractiveshadcn-uiMIT - Dismissible filter tags and a dark banner, each closed with a labelled close button. React-Bootstrap, Buttons, 0 votes, MIT licencebuttons0
React-Bootstrap Close Button
Dismissible filter tags and a dark banner, each closed with a labelled close button.
React-Bootstrapbuttonsclose-buttoninteractiveMIT - Grouped zoom-out, reset and zoom-in buttons controlling an image preview. React-Bootstrap, Buttons, 0 votes, MIT licencebuttons0
React-Bootstrap Button Group
Grouped zoom-out, reset and zoom-in buttons controlling an image preview.
React-Bootstrapbutton-groupbuttonsinteractiveMIT - Library action buttons; local project counter and disabled reset. React-Bootstrap, Buttons, 0 votes, MIT licencebuttons0
React-Bootstrap Button
Library action buttons; local project counter and disabled reset.
React-Bootstrapbuttoninteractivereact-bootstrapMIT - An attributed Star Border button with the pinned upstream CSS, pause, speed and reduced-motion controls. React Bits, Buttons, 0 votes, MIT + Commons Clause License Condition v1.0 licencebuttons0
React Bits Star Border
An attributed Star Border button with the pinned upstream CSS, pause, speed and reduced-motion controls.
React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0 - A glossy call-to-action button whose specular highlight follows the pointer, starting a trial when pressed, with size and tint options. React Bits, Buttons, 0 votes, MIT + Commons Clause License Condition v1.0 licencebuttons0
React Bits Specular Button
A glossy call-to-action button whose specular highlight follows the pointer, starting a trial when pressed, with size and tint options.
React Bitsanimationreact-bitswebglMIT + Commons Clause License Condition v1.0 - A slingshot send button for a chat composer: pull it back and let go to launch the message, or simply click it. React Bits, Buttons, 0 votes, MIT + Commons Clause License Condition v1.0 licencebuttons0
React Bits Sling Button
A slingshot send button for a chat composer: pull it back and let go to launch the message, or simply click it.
React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0 - A slide-to-pay control that confirms a plan upgrade, shows a pending spinner, then succeeds or shakes on a declined card. React Bits, Buttons, 0 votes, MIT + Commons Clause License Condition v1.0 licencebuttons0
React Bits Slide Commit
A slide-to-pay control that confirms a plan upgrade, shows a pending spinner, then succeeds or shakes on a declined card.
React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0 - A like button whose heart bursts with dots and beats while the count rolls, with heart, star and thumbs icons. React Bits, Buttons, 0 votes, MIT + Commons Clause License Condition v1.0 licencebuttons0
React Bits Pulse Heart
A like button whose heart bursts with dots and beats while the count rolls, with heart, star and thumbs icons.
React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0 - A booking button that drifts toward the pointer when it comes near, with adjustable pull. React Bits, Buttons, 0 votes, MIT + Commons Clause License Condition v1.0 licencebuttons0
React Bits Magnet
A booking button that drifts toward the pointer when it comes near, with adjustable pull.
React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0 - A destructive action that only completes when the button is held, filling as you press. React Bits, Buttons, 0 votes, MIT + Commons Clause License Condition v1.0 licencebuttons0
React Bits Hold Button
A destructive action that only completes when the button is held, filling as you press.
React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0 - An archive button that burns a fuse around its edge, giving a few seconds to undo before the action commits. React Bits, Buttons, 0 votes, MIT + Commons Clause License Condition v1.0 licencebuttons0
React Bits Fuse Button
An archive button that burns a fuse around its edge, giving a few seconds to undo before the action commits.
React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0 - Sparks burst from every click inside a celebration panel, in a chosen spark colour. React Bits, Buttons, 0 votes, MIT + Commons Clause License Condition v1.0 licencebuttons0
React Bits Click Spark
Sparks burst from every click inside a celebration panel, in a chosen spark colour.
React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0 - A notify-me button whose bell rings and morphs into a confirmation, with an unread badge and sizes. React Bits, Buttons, 0 votes, MIT + Commons Clause License Condition v1.0 licencebuttons0
React Bits Bell Toggle
A notify-me button whose bell rings and morphs into a confirmation, with an unread badge and sizes.
React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0 - A single-select map layer toggle group and a multi-select overlay group. React Aria, Buttons, 0 votes, Apache-2.0 licencebuttons0
React Aria Toggle Button Group
A single-select map layer toggle group and a multi-select overlay group.
React Ariabuttonskeyboardreact-ariaApache-2.0 - Follow and mute toggle buttons with selected state and live counts. React Aria, Buttons, 0 votes, Apache-2.0 licencebuttons0
React Aria Toggle Button
Follow and mute toggle buttons with selected state and live counts.
React Ariabuttonsinteractivereact-ariaApache-2.0 - A button that opens the file picker for CSV imports and lists chosen files locally. React Aria, Buttons, 0 votes, Apache-2.0 licencebuttons0
React Aria File Trigger
A button that opens the file picker for CSV imports and lists chosen files locally.
React Ariabuttonsfile-triggerinteractiveApache-2.0 - Press-handled buttons with a pending state that keeps focus and announces progress. React Aria, Buttons, 0 votes, Apache-2.0 licencebuttons0
React Aria Button
Press-handled buttons with a pending state that keeps focus and announces progress.
React AriabuttonbuttonsinteractiveApache-2.0 - A text alignment control where exactly one of left, centre or right is selected. Radix Primitives, Buttons, 0 votes, MIT licencebuttons0
Radix Toggle Group
A text alignment control where exactly one of left, centre or right is selected.
Radix Primitivesaccessiblekeyboardradix-primitivesMIT - Bold, italic and underline formatting toggles that show their pressed state. Radix Primitives, Buttons, 0 votes, MIT licencebuttons0
Radix Toggle
Bold, italic and underline formatting toggles that show their pressed state.
Radix Primitivesaccessiblekeyboardradix-primitivesMIT - A call-to-action button that is pulled toward the pointer when it comes close. Motion Primitives, Buttons, 0 votes, MIT licencebuttons0
Motion Primitives Magnetic
A call-to-action button that is pulled toward the pointer when it comes close.
Motion Primitivesbuttonscompiled-cssinteractiveMIT
