Scroll down to see some examples

01

Any Ratio, Any Shape

The lightbox ratio is independent from the poster’s own shape, and isn’t limited to a preset list, any ratio works. All four triggers below are the same square, but each opens to a different ratio.

Portrait · 9:16

Square · 1:1

Standard · 4:3

Widescreen · 16:9

02

Bring your own Source

Upload, direct URL, YouTube, or Vimeo. The experience stays identical no matter where your video lives, right down to auto-fetching the poster thumbnail.

Video poster

YouTube

Video poster

Vimeo

03

Style the Overlay

Color, blur, and padding are all yours to tune, from a solid cinema-black backdrop to a soft frosted-glass blur. The examples below are just a few starting points.

Minimal

Cinema

Blur

Frosted Glass

04

Style the Play Button

Fill, blur, border, icon, and size are all exposed, so the button can look like anything. The examples below are just a few starting points.

Glass

Flat

Minimal

05

Tune the Motion

The Transition prop exposes every spring and easing value, so the feel can range from a playful bounce to a slow, deliberate glide. The examples below are just a few starting points.

Bouncy

Slow & Smooth

Snappy

06

Style the Poster

Stronger hover zoom, a subtle darkening overlay, or a poster that’s secretly a looping video. Small touches that make the trigger feel alive.

Custom Button

Bigger Zoom

Hover Overlay

Video as Poster

07

A few more Details

A few more independent options: an explicit close button, hiding the custom controls entirely, or auto-closing the lightbox once the video ends.

Close Button

Hidden Controls

Auto-Close

Radius

Create a free website with Framer, the website builder loved by startups, designers and agencies.