Stop Rebuilding UI

Shadcn.io is not affiliated with official shadcn/ui

Previous: Animated Cursor
Next: Animated Testimonials

Animated Modal

3D animated modal with flip entrance and backdrop blur for React

A modal that flips into view with a 3D rotation instead of just appearing. The backdrop blurs and darkens, click outside to close, and scrolling is locked while open. Built with composable pieces: Modal, ModalTrigger, ModalBody, ModalContent, and ModalFooter.

Animated Modal preview

Scroll to load preview

Installation

Apple Cards Carousel

Expandable card modal

Animated Tooltip

Hover reveal content

3D Card

Perspective card effects

FAQ

Was this page helpful?

Sign in to leave feedback.

Animated Cursor

Custom cursor replacement with smooth following animation for React

Animated Testimonials

Animated testimonial carousel with stacked photos and word-by-word text reveal for React