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
| Prop | Type | Default | Description |
|---|---|---|---|
| imgSrc | string | undefined | Optional source URL for an image to display in the modal. |
| videoSrc | string | undefined | Optional source URL for a video to display in the modal. |
| className | string | undefined | Optional 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.