Expandable Gallery

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

API

Prop NameTypeDefaultDescription
imagesstring[][]Array of image URLs to display in the gallery.

Component Code

You can copy and paste the following code to create this component:

ExpandableGallery.vue

Features

  • 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.

Credits

Dock
A macOS-style dock with magnifying icons as you hover over them.
Falling Stars Background
A stunning animated starfield background with glowing and sharp trail effects.