Hold Button Components

Dev Design Library indexes 16 hold button components from 13 open-source UI libraries, with the most coming from React Bits, Kinetics, Evil Buttons, Spectrum UI and Sona UI. Each one links to its page with the source code, a live preview where available, the library license and the install command. 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
• Hold To ConfirmKinetics · HTML/CSSPress and hold; a ring fills, release early to cancel
• Hold To ConfirmSwiftPieces · SwiftUIA press-and-hold glass capsule for destructive actions that fills as you hold, ticks past milestones and confirms with…
• 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…
• Hold To TalkKinetics · HTML/CSSA live waveform blooms while you hold, then commits on release
• 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 hold button components

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

Related categories

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