Swipe to reveal actions. Drag it all the way to fire one, just like Mail on iOS.

Keyboard and reduced motion handled, too.

Install with shadcn CLI

npx shadcn add @ncdai/swipe-actions

→ https://chanhdai.com/components/swipe-actions

The behaviour also ships separately as an unstyled primitive, if you'd rather bring your own styles.

npm i @ncdai/react-swipe-actions

No CSS to import. No runtime dependencies.

→ https://react-primitives.chanhdai.com/swipe-actions

If you find these useful, a star on GitHub would mean a lot ⭐️

• https://github.com/ncdai/chanhdai.com
• https://github.com/ncdai/react-primitives