Image Gallery Component

Copy component

Image Gallery Component

Copy component

Nandi Muzsik

How can I improve Framer Uni?

Let me know if there’s a missing feature or something that could be improved.

Share feedback

Nandi Muzsik

How can I improve Framer Uni?

Let me know if there’s a missing feature or something that could be improved.

Share feedback

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 of Nandi Muzsik
profile image of Nicolas Marx

Created by

Image Gallery Component
Image Gallery Component
Image Gallery Component

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

Image gallery component properties.

image gallery component properties

Image gallery component properties.

image gallery component properties

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

Image gallery component properties in Framer.

image gallery component properties color change

Image gallery component properties in Framer.

image gallery component properties color change

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

Light and dark mode of the gallery component.

image gallery component light and dark mode

Light and dark mode of the gallery component.

image gallery component light and dark mode

Light and dark mode of the gallery component.

Framer Navigator

Learn the fundamentals of Framer for free.

Build your ideas with ease by learning the basics of website building with Framer.

Nandi portrait's background
Nandi's portrait

Framer Navigator

Learn the fundamentals of Framer for free.

Build your ideas with ease by learning the basics of website building with Framer.

Nandi portrait's background
Nandi's portrait

Framer Navigator

Learn the fundamentals of Framer for free.

Build your ideas with ease by learning the basics of website building with Framer.

Nandi portrait's background
Nandi's portrait

More resources

More resources

  • Animated Dotted Video Component in Framer with circular halftone pattern on a black background and bold white text overlay

    Dotted Video Component for Framer

    Component

    Animated Dotted Video Component in Framer with circular halftone pattern on a black background and bold white text overlay

    Dotted Video Component for Framer

    Component

    Animated Dotted Video Component in Framer with circular halftone pattern on a black background and bold white text overlay

    Dotted Video Component for Framer

    Component

  • Metallic 3D call-to-action button with glowing blue arrow and text 'Lets Grow!' on dark background – modern UI design element with hover interaction

    Metallic 3D Button Interaction in Framer

    Component

    Metallic 3D call-to-action button with glowing blue arrow and text 'Lets Grow!' on dark background – modern UI design element with hover interaction

    Metallic 3D Button Interaction in Framer

    Component

    Metallic 3D call-to-action button with glowing blue arrow and text 'Lets Grow!' on dark background – modern UI design element with hover interaction

    Metallic 3D Button Interaction in Framer

    Component