NanoBox · zero dependencies
Experience media pop-ups with clean, dark viewports
Every element below is wired with NanoBox. Images, video embeds, maps, and inline content open instantly without JavaScript bundles or complex configuration.
Live quick stats
Download Back To CSSScript.Com
The lightbox adapts to the image size and preserves the dark frame.
Optimized padding keeps both portrait and landscape crops centered.
Auto dark matte surrounds the scenic photos, keeping focus sharp.
Embedded YouTube plays inside the same NanoBox container.
Vimeo stream respects keyboard controls and ESC to close.
Map overlay launches in-place without leaving the page.
Custom form markup stays live inside the modal for instant replies.
Drop the NanoBox assets, add data-nanobox to the element, and let the auto-detector handle
the rest.
<link rel="stylesheet" href="nanobox.min.css" />
<script src="nanobox.min.js" defer></script>
<a href="assets/images/1.jpg" data-nanobox>open photo</a>Need tweaked timing? Call NanoBox.init({ animationDuration: 360 }) after the script loads.
Activate this card to open a simple inline form demonstration.