Animated Modal

Modals that don't feel like modals. This one flips into view with a 3D rotation—like a card swinging forward from behind the screen. Spring physics make it bouncy and alive instead of that jarring instant-appear. Backdrop blurs and darkens, click outside to close, scroll locked while open. The composable structure (Modal, ModalTrigger, ModalBody, ModalContent, ModalFooter) lets you build exactly what you need. Perfect for product details, confirmations, or anywhere a standard dialog feels too flat.

Installation

npx shadcn@latest add https://www.shadcn.io/r/animated-modal.json

npx shadcn@latest add https://www.shadcn.io/r/animated-modal.json

pnpm dlx shadcn@latest add https://www.shadcn.io/r/animated-modal.json

bunx shadcn@latest add https://www.shadcn.io/r/animated-modal.json

Related Components

FAQ