@react-easy-modals
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.
2 components react shadcn-cli
Install this registry
shadcn (npm)
npx shadcn@latest add https://react-easy-modals-docs.vercel.app/r/registry.json pnpm
pnpm dlx shadcn@latest add https://react-easy-modals-docs.vercel.app/r/registry.json bun
bunx shadcn@latest add https://react-easy-modals-docs.vercel.app/r/registry.json fetch registry
curl -s https://react-easy-modals-docs.vercel.app/r/registry.json Components
2 total Modal (Radix) ui
Modal component for react-easy-modals with Radix Dialog.
npx shadcn@latest add https://react-easy-modals-docs.vercel.app/r/styles/{style}/modal.json Modal (Base UI) ui
Modal component for react-easy-modals with Base UI Dialog. Supports nested modals.
npx shadcn@latest add https://react-easy-modals-docs.vercel.app/r/styles/{style}/modal-baseui.json