React Hold Button Components

Dev Design Library indexes 13 React hold button components from 11 open-source UI libraries, with the most coming from React Bits, Evil Buttons, Spectrum UI, Sona UI and Kokonut UI. Each one links to its page with the source code, a live preview where available, the library license and the install command. Every library in this list targets React. Hold button components belong to the Actions group.

• Fuse ButtonReact Bits · ReactAction button whose done state carries its own undo on a burning fuse: press, the label crossfades to Undo, a hairline…
• Hold ButtonKokonut UI · ReactPress and hold to confirm, with a fill that drains back on early release and a drawn check on completion.
• Hold Action ButtonbeUI · React
• Hold to ConfirmSpectrum UI · ReactA press-and-hold confirmation button for destructive actions with a filling progress ring, spring-back on early…
• Alert 11 - Hold to ConfirmShadcn Space · ReactCompact alert dialog where the user presses and holds the revoke button until it fills, preventing accidental clicks
• Hold To Delete ButtonOpenSourceUI · React
• DemonicButtonEvil Buttons · ReactA hold-to-summon button: keep pressing to raise ridged devil horns from behind it while a canvas fire builds into a…
• Hold To Delete ButtonSona UI · ReactA hold-to-confirm destructive button with pointer capture, keyboard activation, cancellation, and reduced-motion…
• Hold to confirmArc Library · ReactConfirm a destructive action by holding, not tapping.
• Hold To DeleteUI Lab · ReactFills slowly while you commit to it, snaps back the moment you let go.
• Hold To ConfirmEaseUI · ReactButton for destructive actions that fills while you hold it and only fires once the fill completes. Letting go early…
• Hold ButtonReact Bits · ReactHold-to-confirm button whose liquid fill rises while pressed, snaps back on an early release and swaps its label…
• HoldButtonEvil Buttons · ReactA hold-to-confirm button whose inner fill grows from 0 to 100%; release early to shake and abort, hold to the end to…

Libraries with React hold button components

• React Bits
• Evil Buttons
• Spectrum UI
• Sona UI
• Kokonut UI

Related categories

• Hold Button Components
• Tailwind CSS Hold Button Components
• Animated Hold Button Components
• React Action Components
• React Button Components
• React Button Group Components
• React Toggle Button Components
• React Icon Button Components
• React Theme Toggle Components
• React Link Components
• React Copy Button Components
• React CTA Button Components
• React Like Button Components
• React FAB Components
• React Share Button Components
• React Slide To Confirm Components
• React Social Login Button Components
• React Download Button Components
• React Submit Button Components