The easiest Vanilla CSS Gallery in the world..

  • By null
  • Last update: Dec 5, 2022
  • Comments: 2

Vanilla Gallery

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 =)

Screenshot

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) This class assigns to the image of a 2 * 2 block (Only for First Image)
  2. Double Row (double-row) 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) 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 ©

Github

https://github.com/Gnkalk/Vanilla-Gallery

Comments(2)

  • 1

    Add license scan report and status

    Your FOSSA integration was successful! Attached in this PR is a badge and license report to track scan status in your README.

    Below are docs for integrating FOSSA license checks into your CI:

  • 2

    [ImgBot] Optimize images

    Beep boop. Your images are optimized!

    Your image file size has been reduced!

    Details

    | File | Before | After | Percent reduction | |:--|:--|:--|:--| | /Screenshot.jpg | 39.16kb | 37.30kb | 4.74% | | /Gallery/images/2.jpg | 284.16kb | 272.64kb | 4.05% | | /Gallery/images/4.jpg | 188.36kb | 186.75kb | 0.85% | | /Gallery/images/3.jpg | 118.83kb | 117.87kb | 0.81% | | | | | | | Total : | 630.52kb | 614.56kb | 2.53% |


    Black Lives Matter | 💰 donate | 🎓 learn | ✍🏾 sign

    📝 docs | :octocat: repo | 🙋🏾 issues | 🏅 swag | 🏪 marketplace