Photo presentation in websites is required especially by photographers. As we covered several types of self-hosted gallery solutions, it is time to offer custom ones for developers and coders that aid them to create creative fancy photo galleries.
In this list, you will find the best open-source JS gallery plugins, that you can include freely in your project.
1- nanoGallery 2
nanoGallery 2 is a JavaScript gallery library with a lightbox and several presentation options. It allows you to view your photos in mosaic presentation, grid view, filter your photos by tags, display videos and more.
nanoGallery script can be embedded in any web project, and it supports image thumbnails, animations, and hover/ touch effects. There are many JavaScript frameworks that can be used here.
nanoGallery Features
Multiple gallery layouts: grid, justified, cascading, and mosaic.
Blurred image preview during image download.
Thumbnail hover/touch effects.
Pagination with support of swipe gesture.
Slider on last thumbnail.
Multi-levels of albums and navigation bar.
Define specific settings for first album level.
Responsive and device friendly
Sophisticated thumbnail display animation.
Support titles and descriptions.
Fully customizable thumbnail layout.
Tools on thumbnails.
Tag / Keyword filtering.
Overlapping thumbnails.
Selectable thumbnails with check-boxes.
2- PhotoViewer
The PhotoViewer library is a simple JavaScript library that enables you to display photos from Flicker or other sources in any JavaScript app.
The library supports full-screen mode, zooming, slideshow and comes with a caption that maintain the original link and the author's name.
PhotoViewer features highlights
Vanilla JS
Modal draggable
Modal resizable
Modal maximize
Image movable
Image zoomable
Image rotatable
Keyboard control
Full-screen showing
Multiple instances
Browser support IE9+
RTL support
3- Galleria
Galleria allows you to display photos, and videos from many sources without any code knowledge.
Currently, it supports Flicker, Vimeo, YouTube, and several other sources.
The script supports iPhone, iPad, and Android devices with its native-like swipe. It also offers multiple theme support.
4- Bilderrahmen
Lightweight vanilla-JS image lightbox for minimalists crafted with CSS3 and inline SVG icons for modern browsers.
This project allows you to create a full-screen gallery with amazing presentations and fancy design for your photos. Unlike other projects, it supports HEIC and Raw image photos, and allows you to generate photos using remote API.
The Photo Gallery Highlights
Full width photo display
Lightbox built-in
Directory Support
Automatic image optimization courtesy of NextJS and team
Generation of loading blurs
Statically generated, the server just serves regular HTML + JS, once deployed to production, it's quick
Automatic dynamic regeneration should you edit/remove/add photos
Can handle hundreds (And thousands?) of images at a time
Lazy loading as you scroll
Full screen toggle
Imagor integration
Image sorting
6- jBox
jBox is a jQuery plugin that makes it easy to create customizable tooltips, modal windows, image galleries and more.
7- PicView
PicView is a fast picture viewer with compact UI that can be hidden. Features image effects, galleries, EXIF and more. The application can automatically adjust itself to your screen.
8- PhotoSwipe
The PhotoSwipe is a simple yet powerful JavaScript image gallery and lightbox library. You can extend its functionality using plugins. The project is released under the MIT License.
9- Fullscreen Lightbox
This is an easy to use but powerful plug-in for displaying various types of sources—such as images, HTML videos, or YouTube videos—in a clean overlying box. Supports, among others, captions, thumbnails, and zooming. Present a single source or create a beautiful gallery with a stylish lightbox without jQuery.
The developers offer 3 editions: a Vanilla JavaScript, React, and Vue edition, which are ready to install and use without extensive configuration.
You can mix all types of supported contents in a same gallery.
lightGallery will automatically find the content type from source and create appropriate slides:
Images: Supports any kind of images including responsive images and WebP with fallback JPG support
Videos: In-built support for YouTube, Vimeo, Wistia and all types of HTML5 video formats. Such as MP4, WebM, Ogg, etc.L
Iframes: Easily embed external websites, display PDF files, Google Maps and more.
11- SimpleLightbox
The SimpleLightbox is a script that allows you to create touch-friendly responsive galleries. It supports WordPress and TYPO3 out of the box.
12- Material Photo Gallery
The Material Photo Gallery allows you to create a web image gallery that looks similar to Google Photos. It works smoothly on all modern browsers as Edge, Google Chrome, Firefox, and Safari.
If you're tired of endlessly looking online for the right tool, or to find again that website of which you don't recall the name just for a quick conversion, this is the right app for you.
What is Dev Toolbox?
Dev Toolbox is a free and
"I see in 3D" (iCn3D) Structure Viewer is not only a web-based 3D viewer, but also a structure analysis tool interactively or in the batch mode using NodeJS scripts based on the npm package icn3d. iCn3D synchronizes the display of 3D structure, 2D interaction, and 1D sequences and
Open-source assistant or GPT4All is a free and open-source desktop app that enables you to run ChatGPT alike instance on your desktop locally.
Unlike ChatGPT it supports several LLM libraries which you can download and use totally free offline. However, it is important to note that they require several Gigabytes
QGIS is a user friendly Open Source Geographic Information System (GIS) licensed under the GNU General Public License. QGIS is an official project of the Open Source Geospatial Foundation (OSGeo).
It runs on Linux, Unix, macOS, Windows and Android and supports numerous vector, raster, and database formats and functionalities.
QGIS
A browser cookie is a small file of information that a web server generates and sends to your web browser.
What are cookies used for?
Here’s why they matter and how they’re used:
1. User Sessions:
Cookies associate website activity with a specific user. For instance, when you
What is Niffler?
Niffler is a free open-source lightweight framework to facilitate executing machine learning pipelines and processing workflows on DICOM images and metadata. Niffler facilitates efficient transfer of DICOM images on-demand and real-time from PACS to the research environments.
Niffler is also integrated with the radiology information system (RIS)
What is Parse?
Parse is an amazing self-hosted open-source system that enables developers build headless application using RESTful API or GraphQL and MongoDB or PostgreSQL in the backend.
The generated API can be used to create web apps, mobile apps, or even desktop apps. It can be also used to
What is Metriport?
Metriport is an open-source Healthcare-focused patient-records centered API that helps healthcare organizations access comprehensive patient medical data, through an open-source universal API.
Metriport medical API brings you data from the largest clinical data networks in the US - one open-source API, 300+ million patients.
Accurate Medical Info
As an avid healthcare blog with a deep focus on open-source technologies for healthcare and education, we excited to share some top-notch open-source HIPAA-compliant tools that are transforming the landscape of healthcare app development.
While this post will focus on the open-source techs, our next posts will focus on several