Photo Gallery

Showcase your team with pride using our stunning Photo Gallery Component.

Install using CLI

npm
pnpm
bun
yarn
npx shadcn-vue@latest add "https://inspira-ui.com/r/photo-gallery.json"

Install Manually

Copy and paste the following code

PhotoGallery.vue

API

Prop NameTypeDefaultDescription
items"[{src: string}]"[]Pass items / image src to animate
containerClassstring""Additional tailwind CSS classes for container styling.
classstring""Additional tailwind CSS classes for custom styling.

Credits

Multi Step Loader
A step loader for screens that works with async conditions too.
Scroll Island
A dynamic and interactive component that displays scroll progress with animated visuals and an expandable area for additional content.