Expandable Gallery

A responsive image gallery with an interactive hover effect that expands images dynamically.

通过 CLI 安装

npm

pnpm

bun

yarn

npx shadcn-vue@latest add "https://registry.inspira-ui.com/expandable-gallery.json"

复制并粘贴以下代码：

ExpandableGallery.vue

Prop 名称	类型	默认值	描述
`images`	`string[]`	`[]`	Array of image URLs to display in the gallery.

Interactive Hover Effect: Images expand when hovered over, creating a dynamic and engaging user experience.
Responsive Design: The gallery automatically adjusts to the container size, ensuring it looks great on all devices.
Smooth Transitions: Includes smooth scaling animations for a polished visual effect.
Customizable Content: Easily update the images array to change the gallery's content.

本页