gallery-3d

An Astro component that renders an interactive 3D image gallery using CSS transforms and perspective effects, designed for smooth transitions and responsive layouts.

Installation 📖

# You can intall with npm
npm install gallery-3d
# or with yarn
yarn add gallery-3d
# or with pnpm
pnpm add gallery-3d

Usage ⚙️

---
import Gallery3d from 'gallery-3d';

const arrayImages = Array.from({ length: 8 }, (_, i) =>
  (`https://20essentials.github.io/project-1301/assets/a${i + 1}.avif`)
);
---

<Gallery3d arrayImages={arrayImages}  />

Demo 📹