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
NOTE:
The open source projects on this list are ordered by number of github stars.
The number of mentions indicates repo mentiontions in the last 12 Months or
since we started tracking (Dec 2020).
The latest post mention was on 2023-05-26.
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 |
TestGPT | Generating meaningful tests for busy devs
Get non-trivial tests (and trivial, too!) suggested right inside your IDE, so you can code smart, create more value, and stay confident when you push.
codium.ai