Don't let your videos break your design aesthetic. Theme Aware Video is the ultimate utility for designers who care about mood and accessibility. It detects the visitor's theme (Light, Dark, or System) and instantly serves the correct video file for a seamless, professional experience.
Instant Theme Switching: Automatically swaps video sources when the user toggles their theme.
Cinematic Transitions: Features built-in fade effects so the switch feels like a premium production choice, not a technical glitch.
Smart Memory: Choose whether the new video restarts from the beginning or resumes exactly where the previous one left off.
Total Media Control: Full property panel access for Autoplay, Mute, Loop, Volume, and Controls.
Optimized Loading: Uses "Poster Images" and smart-loading to ensure your site speed stays lightning-fast.
Hero Sections: High-contrast dark backgrounds for night mode and clean, bright visuals for day mode.
Product Demos: Show your software or app in the exact theme the user is currently browsing.
Ambient Backgrounds: Shift the mood of your site's atmosphere as the sun goes down.
Upload: Add your Light-mode and Dark-mode video files (or links).
Configure: Set your "Poster" thumbnails for instant loading.
Customize: Choose your transition style and playback logic (Restart vs. Resume).
Publish: Deliver a polished, theme-synced experience that impresses clients and users alike.
SSR Ready: Works perfectly with Framer's server-side rendering.
Responsive: Full control over "Video Fit" (Cover, Fill, Contain).
Zero Code: All logic is handled under the hood—you just design.
Taha
