Resources
Desktop app
Marketplace
Community
Developers
Wallpapers
Meetups
Company
Security
Careers
Report
Status
Legal
Blog
Creators
Program
Payouts
Experts
Awards
Events
Brand
Compare
Squarespace
Wordpress
Unbounce
Webflow
Figma
Wix
Solutions
Figma to HTML
Website builder
Portfolio maker
Landing pages
UI/UX design
No-code
Socials
Instagram
X Twitter
YouTube
LinkedIn
Threads
TikTok
    Component preview thumbnail
    MarketplaceComponents

    Theme Switch Image

    This component automatically switches between light and dark mode images based on the user's theme preference

    Samuel Allotey
    Samuel Allotey
    Creator
    3d ago
    Updated
    1
    Installs
    Samuel Allotey
    Samuel Allotey
    Creator
    3d ago
    Updated
    1
    Installs

    Make it with Workshop

    Build your own component with AI

    Framer
    EnterprisePricing
    LoginSign up
    Enterprise
    Pricing
    Login
    Sign up
    Marketplace
    TemplatesPluginsComponents
    Templates
    Plugins
    Components

    About this Component

    Description:

    ThemeSwitch Image is an innovative React component for Framer that automatically switches between light and dark mode images based on the user's theme preference. This smart component ensures your images are always in harmony with the themes you've set on your website, creating a seamless and cohesive visual experience that aligns perfectly with the rest of your page.

    Key Features:

    • Automatic Theme Detection: Effortlessly switches images between light and dark modes based on the user's system theme.

    • User-Friendly Integration: Simple to integrate into any Framer project with intuitive property controls.

    • Seamless Harmony: Ensures your images match the website's theme, providing a consistent and unified look.

    Why You'll Love ThemeSwitch Image:

    • Harmonious Design: Keeps your images in sync with your website's theme, enhancing the overall aesthetic appeal.

    • Enhanced User Experience: Creates a personalized and cohesive experience by automatically adapting to the user's theme preference.

    • Simplicity and Convenience: No need for manual toggles or adjustments. Just set it up once and let the component do the rest.

    How to Use ThemeSwitch Image:

    1. Add to Framer Project: Integrate the ThemeSwitch Image component into your Framer project.

    2. Upload Images: Use the property controls to upload your light mode and dark mode images.

    3. Automatic Adjustment: The component will automatically switch between the uploaded images based on the user's system theme, ensuring a consistent and visually harmonious experience.

    Upgrade your Framer projects with ThemeSwitch Image—the effortless way to create adaptive and theme-consistent designs. Download it now for free on Lemon Squeezy and let your designs shine in perfect harmony!

    Support
    About ComponentsRefund PolicyContact Creator

    More Components

    See All →
    Thumbnail for Ripple Button, a Framer Marketplace template by Framer Spark.
    Ripple Button
    $8
    Framer Spark
    Thumbnail for TrailTextReveal, a Framer Marketplace template by Bavatharani G.
    TrailTextReveal
    $7
    Bavatharani G
    Thumbnail for Pro Text Type Effect, a Framer Marketplace template by Vaibhav Khulbe.
    Pro Text Type Effect
    Free
    Vaibhav Khulbe
    Thumbnail for Cookie Banner, a Framer Marketplace template by Gábor Balogh @ ClearCut.
    Cookie Banner
    $10
    Gábor Balogh @ ClearCut
    Thumbnail for Box Page Reveal, a Framer Marketplace template by Eddie Mj.
    Box Page Reveal
    Free
    Eddie Mj
    Thumbnail for Motion Tiles, a Framer Marketplace template by Uzair J..
    Motion Tiles
    Free
    Uzair J.
    Thumbnail for Tinder Like Swipe, a Framer Marketplace template by Stefan @ Pixco.
    Tinder Like Swipe
    $10
    Stefan @ Pixco
    Thumbnail for Calendar Pro, a Framer Marketplace template by Jotted Studios.
    Calendar Pro
    $8
    Jotted Studios

    More from Samuel Allotey

    See All →
    Thumbnail for Theme Toggle Pro, a Framer Marketplace component by Samuel Allotey.
    Theme Toggle Pro
    component · $10
    Samuel Allotey
    Thumbnail for OS Detection Button, a Framer Marketplace component by Samuel Allotey.
    OS Detection Button
    component · $10
    Samuel Allotey
    Thumbnail for QR Code Pro, a Framer Marketplace component by Samuel Allotey.
    QR Code Pro
    component · $5
    Samuel Allotey
    Thumbnail for CertificateGenerator, a Framer Marketplace component by Samuel Allotey.
    CertificateGenerator
    component · $10
    Samuel Allotey