React Fullscreen Lightbox

Fullscreen Lightbox adjusted to work in environment of one the best frontend frameworks - React.js.

React Fullsreen Lightbox

Powerful Lightbox with just one component.

Fullscreen Lightbox with all it's functionalities now working within React.js.

Speed up your work by including ready, high editable lightbox.

Learn more about React Fullscreen Lightbox!

How to use
Demo
Versions

import React, { useState } from 'react';
import FsLightbox from 'fslightbox-react';

function App() {
// if toggler is updated when lightbox is closed it will open it
// if toggler is updated when lightbox is opened it will close it

const [toggler, setToggler] = useState(false);

return (
<>
<button onClick={ () => setToggler(!toggler) }>
Toggle Lightbox
</button>
<FsLightbox
toggler={ toggler }
sources={ [
'https://i.imgur.com/fsyrScY.jpg',
'https://www.youtube.com/watch?v=xshEZzpS4CQ',
'https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4'
] }
/>
</>
);
}

export default App;

If you want to see more advanced options visit documention.

Check out how basic version of React Fullscreen Lightbox works!
Basic usage.
Basic version is available under MIT license. Pro version license is available here.

Basic

0.00$

Pro

14.90$

In development!

Fullscreen Lightbox Javasript
Fullscreen Lightbox React
Get connected wth us on social networks!