Tailwind CSS Hold Button Components

Dev Design Library indexes 10 Tailwind CSS hold button components from 9 open-source UI libraries, with the most coming from Evil Buttons, Spectrum UI, Sona UI, Kokonut UI and beUI. 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 styles its components with Tailwind CSS utility classes. Hold button components belong to the Actions group.

• 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 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…
• 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 Tailwind CSS hold button components

• Evil Buttons
• Spectrum UI
• Sona UI
• Kokonut UI
• beUI

Related categories

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