DEV Community: Piotr Zdziarski

Angular Fullscreen Lightbox Introduced!

Piotr Zdziarski — Fri, 31 Jul 2026 13:43:52 +0000

In comparison with the React and Vue versions, the Angular version is more reactive. There is no need for updating any "key" prop after updating the "sources", "captions", or other input; the change is reflected automatically. Both basic and Pro versions require at least Angular v16.

The basic version is available on the MIT license. It's just Fullscreen Lightbox with all its features adjusted to the Angular framework. So automatic type detection, fullscreen, swiping, custom sources (which work similarly as in the Vue version) work correctly. The package can be downloaded from the Download page, or from the npmjs.com registry—https://npmjs.com/package/fslightbox-angular. The usage is exacly described in the documentation. The package's code can be previewed on GitHub—https://github.com/banthagroup/fslightbox-angular.

The Pro version comes along standard FsLightbox features such as thumbs, captions, or zooming. The demo can be previewed at the Getting Started page. The Pro version's User License Agreement is available on the licenses page. It can be bought with the Fullscreen Lightbox packet on the Pro version's page. If you've already been a Pro user, the Angular version is bound to your account for free.

Vue.js Pro Lightbox - fancy, responsive slide gallery!

Piotr Zdziarski — Sun, 22 Dec 2019 18:45:34 +0000

Complete version of Vue Fullscreen Lightbox is now available!

Full version includes improvements like: captions, zooming thumbs and more. Maximize user experience with high performance, mobile optimized slide gallery.

Lightbox demo: https://fslightbox.com/vue.

Total pro version cost: 19.90$ or 39.90$ (depending on license) - get it here.

There is also free version available not such powerful as Pro but still fancy.

Major changes in Vanilla Javascript Fullscreen Lightbox!

Piotr Zdziarski — Sat, 12 Oct 2019 20:20:30 +0000

Large update for Vanilla Javascript version.

We've had really big problems with scaling Vanilla JS version so we've decided to refactor it completely. Now it's designed a lot better and it's much more scalable!

Total size of pro version was decreased from 64KB to about 50KB!
Basic version from 34KB to about 29KB!

New features:

Added updateFsLightbox() global function that detect new lightboxes or updates existing ones.
Simplified adding Fullscreen Lightbox to webisite, now it's only js file.
Custom sources, displaying anything you want, e.g. Google Maps, Iframes.
Changed way of adding Vimeo videos, now you can do it via custom sources.
Resolve CORS issues with automatic type detection via manually setting type (data-type attribute).
Changed way of listening for events.

Check it out: https://fslightbox.com/javascript

Introducing Pro Version of React Fullscreen Lightbox!

Piotr Zdziarski — Mon, 23 Sep 2019 17:13:05 +0000

Pro version of React Fullscreen Lightbox is finally there!

Lightbox was improved by features like thumbs, captions, zooming and more! Check pro version page https://fslightbox.com/react/pro.

If you want to see it in action: https://fslightbox.com/react.

Total pro version cost: 19.90$ or 39.90$ (depending on license).

React Lightbox. Introducing Fullscreen Lightbox Basic!

Piotr Zdziarski — Mon, 27 May 2019 22:48:59 +0000

Basic version of Fullscreen Lightbox now working in React Environment!
You can easily use powerful lightbox with just one component.

You can install lightbox using npm:
npm install — save-dev fslightbox-react

Or from tarball archive. Download: https://fslightbox.com/react/download

Demo: https://fslightbox.com/react

You can learn how to use lightbox in documentation:
Documentation: https://fslightbox.com/react/documentation

Project repository:
https://github.com/piotrzdziarski/fslightbox-react

React Fullscreen Lightbox At Development!

Piotr Zdziarski — Mon, 11 Feb 2019 00:31:09 +0000

Currently working on version of Fullscreen Lightbox that will work in React.js environment.
Developer will be able to easily include lightbox as a one React component.
Check how work is going on GitHub repository:
https://github.com/PiotrZdziarski/React-FsLightbox-Basic

Fullscreen Lightbox Website:
https://fslightbox.com/

Fancybox without jQuery

Piotr Zdziarski — Thu, 10 Jan 2019 18:50:32 +0000

I wanted to have lightbox that will look clean, material and will work without any additional dependencies. So why I should I not do it by myself? I've developed https://fslightbox.com.

And now to the point. I would like to ask you for an opinion about the project overall, but mainly about the code - https://github.com/PiotrZdziarski/Fullscreen-Lightbox-Basic . To be honest it's beginning of my journey with JS :P

And if someone is working on Mac, can you please check library on Safari and respond how it works on it? I would be very grateful :)