5d:I[333483,["/creators-assets/_next/static/immutable/chunks/16d0e6blr3zvd.js","/creators-assets/_next/static/immutable/chunks/1rc641binzbjp.js","/creators-assets/_next/static/immutable/chunks/12ci1vsd8nj4u.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/30hhj9fl_j_en.js","/creators-assets/_next/static/immutable/chunks/2ply_q-h6u_2z.js","/creators-assets/_next/static/immutable/chunks/33adfll0sgxzj.js","/creators-assets/_next/static/immutable/chunks/1pb7yncyfm9fe.js","/creators-assets/_next/static/immutable/chunks/1j6jg0y72xk13.js","/creators-assets/_next/static/immutable/chunks/2njnkxjf39nsf.js","/creators-assets/_next/static/immutable/chunks/26nhnsanh2piz.js","/creators-assets/_next/static/immutable/chunks/03itqfxm4gmj8.js","/creators-assets/_next/static/immutable/chunks/114fkj16mhe97.js","/creators-assets/_next/static/immutable/chunks/3zq_69yv5l6lg.js","/creators-assets/_next/static/immutable/chunks/19-jcjdymr-fa.js","/creators-assets/_next/static/immutable/chunks/16inv17cv83xq.js","/creators-assets/_next/static/immutable/chunks/2760bhhttj0zo.js","/creators-assets/_next/static/immutable/chunks/3_z6gb0g1nigd.js","/creators-assets/_next/static/immutable/chunks/3vlbhrh3-zofo.js","/creators-assets/_next/static/immutable/chunks/120bipr4k16wv.js","/creators-assets/_next/static/immutable/chunks/3ea2l_ol8wqqa.js","/creators-assets/_next/static/immutable/chunks/3o3dwck1w1ue6.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/2qrxli96_t9cq.js","/creators-assets/_next/static/immutable/chunks/3edl5e308nytq.js","/creators-assets/_next/static/immutable/chunks/05i2jce8amocn.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/1zr4ew02k6y_l.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/08ajsjh8ypdt2.js","/creators-assets/_next/static/immutable/chunks/1ddgh6mv1wg4x.js","/creators-assets/_next/static/immutable/chunks/3o1z26bd2_9eh.js","/creators-assets/_next/static/immutable/chunks/3t6k2_m2gc3-k.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/1_2vu9p6mra4j.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/0w6oa8_ba59u4.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3sa-o_ztvtkwe.js","/creators-assets/_next/static/immutable/chunks/3c3kl-ixsd844.js"],"PostDetailCard"] 5e:Ta9d,

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:

Add to Framer Project: Integrate the ThemeSwitch Image component into your Framer project.
Upload Images: Use the property controls to upload your light mode and dark mode images.
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!

5a:[["$","$L5d",null,{"post":{"id":"0199aac0-a84c-79ca-8077-5fd6b422e24f","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"5a838252-7b41-49e0-844f-2766f6a84035","name":"Verslaaf Studio","slug":"verslaaf","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/87649/avatar-p6iuOA7DtoZkoVykfHvx7D4gR25Lke.jpg","badges":["available","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"IMfTnezp8FRVVNX0h1go","resolved":true,"title":"Theme Switch Image","body":"$5e","bodyJson":null,"introduction":"","slug":"theme-switch-image","author":{"framerUserId":"5a838252-7b41-49e0-844f-2766f6a84035","name":"Verslaaf Studio","slug":"verslaaf","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/87649/avatar-p6iuOA7DtoZkoVykfHvx7D4gR25Lke.jpg","badges":["available","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/IMfTnezp8FRVVNX0h1go/themeswitch-image-O20eS0XE9l2detg3yDxdRao8IcmmdB","metadata":{"tint":{"h":240,"s":50,"l":6},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-09-28T22:58:01.123Z","updatedAt":"2025-10-03T15:40:21.571Z","publishedAt":"2025-10-03T15:46:16.780Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://image-theme-switch.framer.website/","price":"10","paymentUrl":"https://allotey.lemonsqueezy.com/buy/59860fea-7359-41d7-8510-a73dfc5189a6","workshop":false,"categories":[{"id":"cd81cc33-d6cf-4630-8e59-b5b3100166ba","name":"Buttons","slug":"buttons"}],"lastSaveId":"u884cuCBoWk1K7Uedjnq","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-10-03T15:46:16.780Z","updatedAt":"2025-10-03T15:46:16.780Z","reported":false}}],"$L5f"]

Suggested for you