Awsome Photo Galleries for your Blog

Intro

This post might be a more web/dev technical than others.

But, you can follow it and get an alternative photo gallery to instagram, pinterests and so on.

React Lightbox

I heard recently about React Lightbox.

• https://www.youtube.com/watch?v=KNEbqO-q1r8
  • https://github.com/isNan909/react-gallery

React Image Lightbox Gallery (no libraries)

Other Photo Galleries

• https://jankraus.net/2024/04/05/how-to-build-a-simple-photo-gallery-with-astro/

• https://www.builtatlightspeed.com/?themes%5BrefinementList%5D%5Bcategories.ssg%5D%5B0%5D=react&themes%5BrefinementList%5D%5Bdistribution%5D%5B0%5D=open-source

• https://github.com/nextui-org/nextui

• https://nextui.org/docs/components/accordion

• https://github.com/mantinedev/mantine

A fully featured React components library

1. Simple Photo Gallery
2. https://github.com/soyaine/horcrux https://soyaine.github.io/horcrux/
3. https://github.com/tannerdolby/eleventy-photo-gallery

Starter site for creating a responsive image gallery using the Eleventy static site generator

4. https://github.com/andyzg/gallery - MIT

A visual portfolio generator with web hosting for your mockups and photo albums. Requires no 3rd party libraries or installations. A 🤑free🤑 Squarespace alternative for your photos. Live demo at http://andyzhang.net/gallery

Visual Portfolio Generator with no extra installation

5. SSGs Photo Galleries - With Hugo, Astro…

• https://nicokaiser.github.io/hugo-theme-gallery/
  • https://github.com/nicokaiser/hugo-theme-gallery

A very simple and opinionated photo gallery theme for Hugo

3. Other

The Simple Photo Gallery Project

• The Scrapegraph-ai Project Documentation
• The Scrapegraph-ai Source Code at GitHub
  • License: MIT ✅

Beautiful and simple photo galleries that help you tell your story. Free and open-source.

• https://github.com/haltakov/simple-photo-gallery/blob/master/doc/Usage.md
• https://haltakov.net/photos/2020-pertisau/

You can publish it as static site - https://github.com/haltakov/simple-photo-gallery/blob/master/doc/Usage.md#publishing-your-gallery-gallery-upload

How to Use Simple Photo Gallery

SSG Photo Galleries

I will bore you with HUGO and Astro in a moment, but…

There are 2 interesting options I saw recently.

Today i’d like to start with a new very cool Eleventy (yes, another SSG) Photo Gallery Theme - https://github.com/tannerdolby/eleventy-photo-gallery

Built with JavaScript and runs on Node.js. It has a growing ecosystem of plugins and integrations.

And among new things, there is also a way to make static sites with Python (using Photoswipe JS under the hood).

This is exactly what https://github.com/haltakov/simple-photo-gallery does….

…and also reproduces video! https://haltakov.net/photos/2020-pertisau/#&gid=1&pid=1

HUGO

I commented recently how I am still amazed with HUGO

And there are few F/OSS HUGO Themes to create quick photo galleries.

HUGO Theme Gallery

• https://nicokaiser.github.io/hugo-theme-gallery/

hugo version

hugo new site blowfish --format=yaml
cd blowfish

git init
git submodule add https://github.com/nunocoracao/blowfish.git themes/blowfish

#nano hugo.yaml
#theme: blowfish

cd ./themes/blowfish/exampleSite
hugo server --bind=192.168.3.200 --baseURL=http://192.168.3.200 --port=1313

• You can also have a look to - https://github.com/bep/gallerydeluxe

Astro

If like me, you think there are a lot of cool Astro Themes around there

You will not be surprised to see that some of those Astro Themes are great Photo Galleries:

• https://github.com/michael-andreuzza/microblog

  • https://microblog-theta.vercel.app/

• AstroVerse (ex vis-vrs) - A Visual Photo Centered Blog - https://github.com/IoTechCrafts/astroverse

  • See a sample here: https://iotechcrafts.github.io/astroverse/

• https://github.com/web3templates/stablo-astro

• https://github.com/palmiak/pacamara-astro

Conclusions

Now is not just instagram, pinterest or Flikr.

You can have your own site to share your awsome shots with the world.

Remember that you will just need a domain for people to find you!

More F/OSS Photo Galleries

• https://github.com/BlueDokk/Photo-Gallery

Galleries for Devs

• PhotoSwipe

• https://github.com/xiaolin/react-image-gallery?ref=medevel.com

• https://react-photo-album.com/

  • https://github.com/igordanchenko/react-photo-album

• https://github.com/reflexjs/reflexjs

A library for rapid UI development with style props, color modes, themes and variants + starter kits, themes and blocks to help you build Gatsby and Next.js sites faster.

• https://swiperjs.com/

FAQ

Open Source Tools to check Websites

• https://github.com/Lissy93/web-check

To evaluate the Themes, keep these Tools Handy: