Fullscreen Lightbox Javascript Fullscreen Lightbox React

React Fullscreen Lightbox

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

React Fullscreen 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 FsLightbox!

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 Fullscreen Lightbox works.
Check out how pro version of Fullscreen Lightbox works!
Basic version is available under MIT license. Pro version license is available here.

Pro

Size: 61.7K
Thumbnails
Zooming
More toolbar buttons
Captions
More animations available

19.90$

Get connected wth us on social networks!