Particle Dissolve Gallery
A production-ready particle dissolve gallery component for your Next.js application. Accessible, customizable, and built with modern standards.
Particle Dissolve Gallery
An immersive 3D image gallery that turns standard images into a fluid field of thousands of particles. Features 4 unique modes: Liquid Metal, Cyber Plasma, Prism Crystal, and Liquid Ethereal.
Key Features
- Shader-Based Transitions: Uses GPU power to animate thousands of particles smoothly.
- Interactive Physics: Particles react to cursor movement, scattering away from the mouse.
- Customizable Geometry: Built on a high-density plane geometry that maps pixels to 3D points.
- Seamless Looping: Smart state management ensures infinite looping through the gallery.
- Creative Portfolios
- Photography Showcases
- Immersive Landing Pages
- Digital Art Galleries
| Name | Type | Default | Description |
|---|---|---|---|
| images | string[] | DEFAULT_IMAGES | Array of image URLs to display in the gallery. |
| className | string | undefined | Additional CSS classes. |
| style | React.CSSProperties | undefined | Inline styles. |
Most components here are inspired by outstanding libraries and creators in the ecosystem. I don’t claim to be the original author — this is my space for learning, rebuilding, and understanding great work at a deeper level.
I’m still a student of the craft, constantly studying the best and translating what I learn through my own perspective. Every piece reflects curiosity, respect for the community, and small creative touches that feel true to me.
I’ve done my best to credit inspirations properly. If anything is missing or inaccurate, I truly appreciate a message so it can be corrected with care.