design-infraGitHub
Report a problem or share feedback← Catalog

Slide Commit

free

react-bits/slide-commit

Slide-to-confirm handle that plants with a spinner while your action runs, unfurls into a done pill on success and springs home with a squash and shake on failure.

drag · loop · state — subtledrop-inRefinedExperimentalPlayful
$npx shadcn@latest add @react-bits/SlideCommit-TS-TW

npm deps: motion, @hugeicons/react, @hugeicons/core-free-icons

Source
React Bits
Kind
component
Categories
misc
Use as
drop-in — replaces your component
Applies to
misc
Motion
on drag, loop, state · subtle · motion · medium cost · respects reduced motion
Tags
micro, motion
Licence
MIT + Commons Clause: free to use in commercial apps/sites, but you may not sell or redistribute the components themselves (alone, bundled, or ported). React Bits Pro is a separate paid product.
Live demo
www.reactbits.dev
Docs
www.reactbits.dev