Fullscreen Lightbox Javascript Fullscreen Lightbox ,React Fullscreen Lightbox Vue

React Fullscreen Lightbox

An overview.

React Fullscreen Lightbox

A simple and powerful lightbox as a React.js component.

A React.js plug-in for displaying images, videos, or, through custom sources, anything you want in a clean overlying box.

Learn more about React FsLightbox.

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

function App() {
// To open the lightbox change the value of the "toggler" prop.
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=3nQNiWdeH2Q',
'https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4'
]}
/>
</>
);
}

export default App;

If you want to see more advanced options, visit the 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: 72.4K
Thumbnails
Zooming
More toolbar buttons
Captions
More animations available

19.90$

VAT may be added.
Look over Fullscreen Lightbox open source plug-ins.