Selected project
React Pic Gallery
Lightweight React image gallery with a built-in lightbox and multiple layouts.
Published on npm and used for every project gallery on marceldev.com.
React Pic Gallery promotional image with a responsive grid and lightbox viewer, image 1 of 4
Technologies & Tools
Tasks
Context
I noticed a gap in the React ecosystem. There were heavy, feature-packed image gallery components, but nothing lightweight and simple that just worked out of the box. I wanted to build something different.
What I Built
React Pic Gallery is a lightweight image gallery for React, built with TypeScript and Vite. It ships carousel, grid, justified, and mosaic layouts, and the lightbox is built in. The lightbox uses a native modal dialog with keyboard navigation, Escape to close, focus containment and restoration, swipe on touch screens, and reduced-motion support. Version 2 has no runtime dependencies and weighs about 8.5 KB gzipped.
What I Am Proud Of
Every project page on marceldev.com uses the gallery for its images. Running my own package in production is the most direct test I can give it. I also published it to npm with documentation and a playground, and developers have opened issues and shared feedback over time.