Theme Aware Video
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
About this Component
Theme-Aware 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.
