@react-easy-modals

Niche/single-purpose · data updated 2026-07-28

react-easy-modals is a lightweight, zero-dependency, headless modal stack manager for React with a promise-based async/await API. The shadcn registry item integrates it with shadcn Dialog for drop-in use. Key features: ModalProvider context wrapper, useModal / useModalAt / useBeforeClose hooks, nested modal support, lazy loading, transition support, TypeScript-first. No animation library dependency. Free and open-source. Use for: replacing ad-hoc useState modal patterns with a clean imperative API when building multi-step flows or confirmation dialogs inside shadcn/ui projects.

Preview

Live sandbox previews render component source client-side. Where a component can’t be rendered standalone, sh4dcn falls back to its source and install command.

npx shadcn@latest add https://react-easy-modals-docs.vercel.app/r/styles/{style}/modal.json