ThemeMedia

ThemeMedia lets you display different images or videos for light and dark themes in Framer. It automatically switches between your selected media when the visitor's theme changes.

Features

• ☀️ Light & dark media

• 🖼️ Image support

• 🎥 Video support

• 🖼️ Custom video posters

• 🌗 Framer & system theme support

• ✨ Smooth fade transitions

• ⚡ Lazy loading

• ▶️ Autoplay, mute & loop controls

• 🎛️ Optional video controls

• 📐 Contain, cover & fill options

How to use

1. Add ThemeMedia to your Framer project.

2. Upload your Light Media.

3. Upload your Dark Media.

4. Select whether each is an Image or Video.

5. If using video, optionally add a Poster image.

6. Configure autoplay, mute, loop, controls, transition, and fit settings.

You can mix media types, so your Light version can be an image while your Dark version is a video, or vice versa.