Vanilla Gallery

Vanilla CSS Grid Gallery, Fast & Simple


The simplest images gallery created with CSS Grid for those who want their website images gallery to be fast and simple because it's better this way =)

This is Not Image! This is Demo




CSS Script

This Project Only One CSS Script..

Link in Rawgit CDN

Resize On
Normal 
https://ghcdn.rawgit.org/Gnkalk/Vanilla-Gallery/main/Css-script/Gallery.css
Double Row Other Column On 
https://ghcdn.rawgit.org/Gnkalk/Vanilla-Gallery/main/Css-script/Gallery-OCO.css
Resize Off
Normal 
https://ghcdn.rawgit.org/Gnkalk/Vanilla-Gallery/main/Css-script/RO/Gallery.css
Double Row Other Column On 
https://ghcdn.rawgit.org/Gnkalk/Vanilla-Gallery/main/Css-script/RO/Gallery-OCO.css

Custom Class 🎨

This project includes custom classes that you can use to make your gallery better than before 😃

  1. Big (big)
    2. This class assigns to the image of a 2 * 2 block (Only for First Image)
  2. Double Row (double-row)
    3. Using this class, you can assign a two-row image in the third column. (You can also enable it for other columns)
  3. Double Column (double-column)
    4. Using this class, you can assign images to two columns.

Contribute 🤝

The project is published and maintained under the GPL version 3 license, and therefore, anyone can contribute to modify or improve or even add new features to the project if needed, as well as create different forks from the project and develop the project in a separate branch, either for free or commercially, there are no obstacles.

Developing with ❤️ by Gnkalk & Contributors. 2021 ©