---
title: "Theme Based Image  — Framer component · Best of Framer"
description: "$3.00 · Framer component · by Kadir Can Tüfek · Buttons. This code component helps you switch your Image's depending on your users theme preference.While this process you can add different alt…"
canonical: "https://framer.elliotli.dev/component/theme-based-image"
---

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

# Theme Based Image

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

![Theme Based Image  preview image 1](https://framer.elliotli.dev/og/component/theme-based-image/1a6dad092489a764/1600x1200.jpg)

## Summary

This code component helps you switch your Image's depending on your users theme preference.While this process you can add different alt texts for your light mode and dark mode…

## Description

This code component helps you switch your Image's depending on your users theme preference.While this process you can add different alt texts for your light mode and dark mode images.  
  
Note: To see how this component working, please switch your browser theme!

**Refund Policy:** Due to the nature of Code components being digital products, they are **not refundable.** Please review the template details and features carefully before purchasing.

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

-   All · #8591

## Details

- **Author**: Kadir Can Tüfek
- **Price**: $3.00
- **Published**: 2025-08-06
- **Updated**: 2025-08-06
- **Added**: 2025-07-31
- **Categories**: Buttons

## More like this

-   [Eye Glow Button](/component/eye-glow-button) — Frame Native · Free — Cursor-following eyes, soft glow
-   [Dash Stretch Button](/component/dash-stretch-button) — Pentaclay · Free — Animated Hover Button With a Dash
-   [Nova Theme Toggle](/component/nova-theme-toggle) — Shouvik Biswas · $12 — Three-Mode Theme Toggle
-   [Nabby: Copy Button](/component/nabby-copy-button) — Francesco Gallo · Free — Plug in your button, copy anything