Shadix UIShadix UI
Shadix UIMorph Image

Morph Image

A customizable morph image component for shadcn/ui. Easily create a morph image with a thumbnail and a modal.

Who Developed This Component:

Installation

GitHub
pnpm dlx shadcn@latest add @shadix-ui/morph-image

Usage

Basic Usage

Import the Component

import { MorphImage } from '@/components/morph-image';

Use the Component

<MorphImage src="/images/card-1.jpg" alt="Morph Image" className="w-[300px]" />

Props

All motion.img element props are supported.

Built by Gihan (apix-js) for Shadcn at Vercel. Source code on GitHub.