A Framer video component that adapts to light and dark mode with smooth transitions and simple playback controls.
Make it with Workshop
Build your own component with AI
Dark mode Video makes your website smarter and more engaging by showing different videos depending on whether visitors are in light or dark mode.
With just a few clicks, you can:
โจ Add automatic light/dark video switching
๐ฌ Choose smooth fade transitions for a premium feel
โฏ๏ธ Decide if videos resume or restart when switching
๐ Control autoplay, mute, volume, loop, and more
๐ผ๏ธ Use a poster image, custom background, and video fit options
๐ Upload your own videos or link from an external source
This component is perfect for:
Hero sections with mood-based video
Product demos that shine in light or dark themes
Background videos that feel seamless and premium
๐ Drop it into your Framer project and deliver a polished experience your visitors will notice.