Media Modals

A Framer Motion media modal component that opens images and videos with smooth animations. Features elegant transitions, responsive design, and customizable modal effects for modern media viewing experiences.

Installation

npx uilayouts@latest add media-modal

Props

PropTypeDefaultDescription
imgSrcstringundefinedOptional source URL for an image to display in the modal.
videoSrcstringundefinedOptional source URL for a video to display in the modal.
classNamestringundefinedOptional CSS class for styling the modal component.

Without Components

Sometimes, we don't need reusable components because they are most useful when a component is used 2-3 times or more. However, in a single-page application, reusable components aren't always necessary. In such cases, you can use this component instead, and it will give you the same effect.