Powerful document editing and collaboration in your app or environment. Ultimate security, API and 30+ ready connectors, SaaS or on-premises Learn more →
Top 23 JavaScript Gallery Projects
-
Project mention: How to implement a data access layer pattern in SvelteKit? | reddit.com/r/SvelteKit | 2023-05-26
You mention YAGNI, but I think the bigger blocker is "Don't reinvent the wheel" - which I think is the most misunderstood bit of programming advice out there. In my SvelteKit app, I am not using a "UI Framework" that provides components to me. I don't need to. Svelte is simple enough that I can build almost anything myself. I've looked at Skeleton's source code, and their components on average are not better than versions I have rolled myself. There are a few cases where it's better to use a framework. Sliders, for instance, have a lot of edge cases. So I use Swiper for carousels. But even then, I could build a working basic slider (that doesn't address the numerous edge cases) myself in an hour. The other case is Headless UI but even there, I disagree with how he implemented some things and it's possible to roll your own Svelte Headless UI just from Tailwind's source.
-
Depending on your requirements and your experience with software development, you could give https://photoswipe.com/ a go. Alternatively, you could use the native gallery block with https://wordpress.org/plugins/lightbox-photoswipe/.
-
Appwrite
Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!
-
-
Project mention: react2svelte/image-gallery: Svelte carousel image gallery component with thumbnail and mobile swipe support, ported from react-image-gallery (demo linked inside) | reddit.com/r/sveltejs | 2023-01-13
A friend and I wanted to give Svelte a try and write a new website for a project in Svelte. We needed an image viewer with good mobile swipe support and found the existing options not good enough. But there was this react image gallery with half a million downloads a month and all the features we needed!
-
react-awesome-slider
React content transition slider. Awesome Slider is a 60fps, light weight, performant component that renders an animated set of production ready UI general purpose sliders with fullpage transition support for NextJS and GatsbyJS. 🖥️ 📱
Let’s start without wasting much time, 4 steps to add a slider as shown in the image to your react project. I will be using the react-awesome-slider package.
-
-
glightbox
Pure Javascript lightbox with mobile support. It can handle images, videos with autoplay, inline content and iframes
I would look at glightbox. I wrote a micro.blog plugin for it that could be easily used on any other Hugo site.
-
InfluxDB
Access the most powerful time series database as a service. Ingest, store, & analyze all types of time series data in a fully-managed, purpose-built database. Keep data forever with low-cost storage and superior data compression.
-
spotlight
Web's most easy to integrate lightbox gallery library. Super-lightweight, outstanding performance, no dependencies. (by nextapps-de)
-
Project mention: IPFS based replacements to Imgur and media galleries | reddit.com/r/ipfs | 2023-04-26
One gallery option I've found is 'sigal' https://github.com/saimn/sigal
-
I've been looking for a free gallery software, where you don't just have a a grid option of square images. It really doesn't need to have a light box, I am fine with making pages for each picture when you click on it, because I need to show details of the painting on it. I have looked at nanogallery2 (https://nanogallery2.nanostudio.org/) and really like the justifier option, but for me, it is to difficult to install. Any suggestions? I am not interested in wordpress.
-
Hi! Hope this is the right place for this post. So, I've been working on a website on Neocities and one of the main things I've wanted to do on there is have a gallery where I can put all of my art, like, ever. I found ThumbsUp, which is meant to generate a static gallery from folders on your computer, to my understanding, and a website/html file to go with it. I have the folder all organized on my external hard drive (E:). However, I'm really unfamiliar with everything needed to do this lol. I've got Docker and Git downloaded, and in Git Bash I have tried running the commands here to install (?) it, but I'm getting an error:
-
gridder
A jQuery plugin that displays a thumbnail grid expanding preview similar to the effect seen on Google Images. (by oriongunning)
-
home-gallery
Self-hosted open-source web gallery to view your photos and videos featuring mobile-friendly, tagging and AI powered image discovery
Hi. I'm a new Unraid user and trying to add https://github.com/xemle/home-gallery to my unraid. I only used to install through the CA store so I can't seem to get this to work manually. Can anyone help or is there any tutorial which would help me? Thank you :)
-
Project mention: Nextcloud Update to 26.0.1 Galerie App (called Photos in Germany) - Issue | reddit.com/r/NextCloud | 2023-04-24
It is a bug, and already fixed here
-
hugo-shortcode-gallery
A theme components with a gallery shortcode for the static site generator hugo.
Project mention: mfg92/hugo-shortcode-gallery: A theme components with a gallery shortcode for the static site generator hugo. | reddit.com/r/devopsish | 2022-09-03 -
react-gallery-carousel
Carousel 🎠 component supporting touch, mouse emulation, fullscreen, thumbnails, lazy loading, server side rendering, RTL, keyboard navigation and customisations.
-
swiffy-slider
Super fast carousel and slider with touch for optimized websites running in modern browsers.
-
-
bigger-picture
JavaScript lightbox gallery for images, video, audio, iframes, html. Zoomable, responsive, accessible, lightweight.
-
Project mention: Yet another "photo gallery/management" question | reddit.com/r/selfhosted | 2022-11-01
-
bs5-lightbox
A pure JS lightbox gallery plugin for Bootstrap 5 based on the Modal and Carousel components
-
-
ONLYOFFICE
ONLYOFFICE Docs — document collaboration in your environment. Powerful document editing and collaboration in your app or environment. Ultimate security, API and 30+ ready connectors, SaaS or on-premises
JavaScript Gallery related posts
- Keep Arrows from Overlapping on Slides - SwiperJS
- How can I create a slider that cycles through photos based on how high it is? I've already tried a bunch of image slider plugins, and they all used arrows, which couldn't be changed.
- Trying to install a docker from github
- Building An Image Slider With Swiper Js
- React Component for a "Swipe left/right"
- IPFS based replacements to Imgur and media galleries
- Nextcloud Update to 26.0.1 Galerie App (called Photos in Germany) - Issue
-
A note from our sponsor - ONLYOFFICE
www.onlyoffice.com | 31 May 2023
Index
What are some of the best open-source Gallery projects in JavaScript? This list will help you:
Project | Stars | |
---|---|---|
1 | Swiper | 35,273 |
2 | PhotoSwipe | 22,911 |
3 | lightgallery.js | 5,268 |
4 | react-image-gallery | 3,405 |
5 | react-awesome-slider | 2,697 |
6 | baguetteBox.js | 2,369 |
7 | glightbox | 1,619 |
8 | spotlight | 1,437 |
9 | sigal | 805 |
10 | nanogallery2 | 671 |
11 | thumbsup | 659 |
12 | gridder | 457 |
13 | home-gallery | 425 |
14 | photos | 397 |
15 | ShareX-Upload-Server | 373 |
16 | hugo-shortcode-gallery | 218 |
17 | react-gallery-carousel | 199 |
18 | swiffy-slider | 181 |
19 | virtual-art-gallery | 157 |
20 | bigger-picture | 124 |
21 | gogallery | 103 |
22 | bs5-lightbox | 80 |
23 | omg-music | 75 |