The Gallery22 component is a dynamic image gallery that showcases a series of portraits in a visually engaging and interactive manner. This component employs a coverflow effect to create a seamless carousel presentation, allowing users to view and navigate through various images smoothly. It elegantly combines automatic transitions with manual navigation options, providing flexibility for user interactions.
This shadcn component utilizes a combination of visual and functional features to offer an intuitive user experience. Each slide in the coverflow presents an image paired with a title and role, and includes interactive elements such as social media icons. The active slide is visually emphasized with higher opacity, creating a focal point for users browsing through the gallery. The design is completed with gradient masks at the edges, enhancing the visual depth and immersion of the slideshow.
| Package | Type |
|---|---|
| lucide-react | NPM |
| react | NPM |
| react-icons | NPM |
| swiper | NPM |