Component
Image Gallery Component
This is an image gallery designed by Nicolas Marx, recreated as a fully customizable Framer component. You can easily copy and paste it into your website.
![Image Gallery Component](https://framerusercontent.com/images/GSbNL4Bb1RKtCvDMFO6KNgUKrVo.webp)
![Image Gallery Component](https://framerusercontent.com/images/GSbNL4Bb1RKtCvDMFO6KNgUKrVo.webp)
![Image Gallery Component](https://framerusercontent.com/images/GSbNL4Bb1RKtCvDMFO6KNgUKrVo.webp)
About the resource
The component is made up of 3 nested components, each with different variants and interactions.
It is is designed to be fully customizable from the component properties panel, making it as easy to use as possible.
About the resource
The component is made up of 3 nested components, each with different variants and interactions.
It is is designed to be fully customizable from the component properties panel, making it as easy to use as possible.
About the resource
The component is made up of 3 nested components, each with different variants and interactions.
It is is designed to be fully customizable from the component properties panel, making it as easy to use as possible.
![image gallery component properties](https://framerusercontent.com/images/AbkXnkmcr77NzhWdIYCmINDQi8.jpg)
Image gallery component properties.
![image gallery component properties](https://framerusercontent.com/images/AbkXnkmcr77NzhWdIYCmINDQi8.jpg)
Image gallery component properties.
![image gallery component properties](https://framerusercontent.com/images/AbkXnkmcr77NzhWdIYCmINDQi8.jpg)
Image gallery component properties.
You can add up to 8 pictures, and the navigation will automatically adjust itself based on the number of images in the gallery.
You can tweak 2 simple color properties for an easy switch between dark and light modes.
You can add up to 8 pictures, and the navigation will automatically adjust itself based on the number of images in the gallery.
You can tweak 2 simple color properties for an easy switch between dark and light modes.
You can add up to 8 pictures, and the navigation will automatically adjust itself based on the number of images in the gallery.
You can tweak 2 simple color properties for an easy switch between dark and light modes.
![image gallery component properties color change](https://framerusercontent.com/images/cnY171JkdnA4vD90yWy3lGxo5k.png)
Image gallery component properties in Framer.
![image gallery component properties color change](https://framerusercontent.com/images/cnY171JkdnA4vD90yWy3lGxo5k.png)
Image gallery component properties in Framer.
![image gallery component properties color change](https://framerusercontent.com/images/cnY171JkdnA4vD90yWy3lGxo5k.png)
Image gallery component properties in Framer.
If you switch the background color to white and the selector to black, you'll get the light mode version of the component.
If you switch the background color to white and the selector to black, you'll get the light mode version of the component.
If you switch the background color to white and the selector to black, you'll get the light mode version of the component.
![image gallery component light and dark mode](https://framerusercontent.com/images/BiUgVe3SkNiG6tXMXrd6nqiekfY.png)
Light and dark mode of the gallery component.
![image gallery component light and dark mode](https://framerusercontent.com/images/BiUgVe3SkNiG6tXMXrd6nqiekfY.png)
Light and dark mode of the gallery component.
![image gallery component light and dark mode](https://framerusercontent.com/images/BiUgVe3SkNiG6tXMXrd6nqiekfY.png)
Light and dark mode of the gallery component.