---
title: "Theme Image Switcher — Framer component · Best of Framer"
description: "$8.00 · Framer component · by Estúdio KA'A · Buttons. Dark/Light mode responsiveness to images"
canonical: "https://framer.elliotli.dev/component/theme-image-switcher"
---

[Home](/)/[Components](/components)/[Buttons](/components/category/buttons)/Theme Image Switcher

# Theme Image Switcher

Dark/Light mode responsiveness to images

[View on Framer](https://framer.com/marketplace/components/theme-image-switcher/?via=elliot-li)

![Theme Image Switcher preview image 1](https://framer.elliotli.dev/og/component/theme-image-switcher/354bef3c609ff9ee/1600x1200.jpg)

## Summary

Dark/Light mode responsiveness to images

## Description

This component automatically switches between two images based on the user’s system theme (light or dark mode). Just upload both versions, and it seamlessly displays the right one. Ideal for logos, illustrations, or any visuals that adapt to dark and light UI themes.

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-1nf5j17s-OHCnTNLwsrO64u3vANukr7q9vcgxrp)

## Rank history [How rankings work →](/terms#rankings)

-   All · #6274

## Details

- **Author**: Estúdio KA'A
- **Price**: $8.00
- **Published**: 2025-08-05
- **Updated**: 2026-04-05
- **Added**: 2025-08-01
- **Categories**: Buttons

## More like this

-   [Liquid Blob Button](/component/liquid-blob-button) — Oddframe · Free — Interactive Liquid Blob CTA Button
-   [Pixel Face Toggle](/component/pixel-face-toggle) — Zac Nielson · $9 — Dark mode switch with a pixel face
-   [Liquid Hover Media](/component/liquid-hover-media) — Bardia Madani · $5 — Fluid media distortion on hover
-   [Eye Glow Button](/component/eye-glow-button) — Frame Native · Free — Cursor-following eyes, soft glow