50:I[267044,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/15s1ft4k9lx-7.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/1m75iqpnspynu.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/3ohf-5_4hfjuq.js","/creators-assets/_next/static/immutable/chunks/2jjhfe7-w6y9a.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/0kisxyo3aw231.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/0i7m0zg6jfazw.js","/creators-assets/_next/static/immutable/chunks/3-hmotkz_bdv_.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3naniu4pnqfyw.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/456d4lcv9-syj.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/2y9gv91n8o3i9.js","/creators-assets/_next/static/immutable/chunks/3z6ke99nzr4_e.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/1fkcqskfw4hol.js","/creators-assets/_next/static/immutable/chunks/3ixl4aqv6ylo7.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/2di2v55rtz-8i.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/00owjoob9gqs9.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js"],"S"] 51:Td93,

🌙☀️ Smart Theme Toggle Component

Transform your website's user experience with this intelligent theme switching component that seamlessly adapts to your users' preferences.

Key Features

🎯 Smart Auto-Detection

Automatically detects and respects your users' system theme preferences
Instantly switches between light and dark modes
Remembers user choices across sessions

🎨 Fully Customizable Design

Adjust button sizes from compact (20px) to large (60px)
Choose any colors for light/dark backgrounds and icons
Customize border radius for perfectly rounded or sharp edges
Add elegant shadow effects with one click
Fine-tune hover and tap animations for premium feel

🔊 Interactive Audio Experience

Built-in click sound effects to enhance user engagement
Upload any custom sound file you want (MP3, WAV, etc.)
Adjustable volume control from silent to full volume
Professional audio handling with graceful fallbacks

⚡ Advanced Technology

Automatically extracts and applies your site's CSS theme tokens
Smooth spring animations powered by Framer Motion
Global theme state management across your entire site
Optimized for performance with client-side rendering
Works seamlessly with Framer's design system

🎮 Smooth Interactions

Satisfying scale animations on hover and tap
Elegant icon transitions with rotation effects
Instant visual feedback for better user experience
Mobile-optimized touch interactions

🛠️ Easy Setup

Simply drag and drop into your Framer project - no coding required! All customization options are available through Framer's intuitive property panel.

Ready to give your users the perfect viewing experience? This component handles all the technical complexity while giving you complete creative control over the design.

4f:["$","$L50",null,{"value":{"fallback":{"$inf$activity-creator-3fc1a4ca-931c-4fe3-a0d1-7f7c172d1f13-all:/unified/creator/3fc1a4ca-931c-4fe3-a0d1-7f7c172d1f13/activity/":[{"data":[],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:3fc1a4ca-931c-4fe3-a0d1-7f7c172d1f13:/unified/posts/?creator=3fc1a4ca-931c-4fe3-a0d1-7f7c172d1f13&with=reposts":[{"data":[{"id":"0199a300-aa0c-7169-97d6-c6bb18cbf153","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"3fc1a4ca-931c-4fe3-a0d1-7f7c172d1f13","name":"Mickces","slug":"mickces","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/32548/avatar-GYdnfBOaEBE0TLc5S0ZpeT1O2Y8Wwt.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"4j25hoSXT97bcXjCeLrF","resolved":true,"title":"Smart Theme Toggle ","body":"$51","bodyJson":null,"introduction":"","slug":"smart-theme-toggle","author":{"framerUserId":"3fc1a4ca-931c-4fe3-a0d1-7f7c172d1f13","name":"Mickces","slug":"mickces","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/32548/avatar-GYdnfBOaEBE0TLc5S0ZpeT1O2Y8Wwt.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/4j25hoSXT97bcXjCeLrF/smart-theme-toggle-2Fco3Rgcj6gko4Q3gA16m2nplpjNgI","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-09-26T11:29:04.157Z","updatedAt":"2025-10-02T03:35:19.484Z","publishedAt":"2025-10-02T03:39:13.804Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://themeswitch.framer.ai/","price":"5","paymentUrl":"https://elo.lemonsqueezy.com/buy/99439aa1-69eb-41a3-8b5c-8e38a305adee","workshop":false,"categories":[{"id":"cd81cc33-d6cf-4630-8e59-b5b3100166ba","name":"Buttons","slug":"buttons"}],"lastSaveId":"UX5A5KqJapaMUHIxYqG2","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-10-02T03:39:13.804Z","updatedAt":"2025-10-02T03:39:13.804Z"},{"id":"018e3467-8104-7137-be8b-b397f0da6497","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"3fc1a4ca-931c-4fe3-a0d1-7f7c172d1f13","name":"Mickces","slug":"mickces","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/32548/avatar-GYdnfBOaEBE0TLc5S0ZpeT1O2Y8Wwt.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"45570","resolved":true,"title":"Gemstone","body":"

Gemstone epitomizes sleekness and modernity, offering a sophisticated template meticulously designed to sculpt an exclusive waitlist for your forthcoming ventures. With Gemstone, you transcend conventional waitlist designs, embracing a realm where elegance meets innovation.

Crafted with precision, Gemstone's minimalist aesthetics exude sophistication, instantly captivating visitors and drawing them into the allure of your upcoming endeavors. Its clean layout and intuitive interface ensure a seamless user experience, guiding visitors effortlessly through the process of joining your waitlist.

Whether you're unveiling a new product, launching a service, or announcing an event, Gemstone provides the perfect platform to entice and engage your audience. Elevate anticipation and excitement with a waitlist that reflects the caliber of your future endeavors. Embrace the exclusivity of Gemstone and set the stage for success in your next venture.

","bodyJson":null,"introduction":"Modern Waitlist Template","slug":"gemstone","author":{"framerUserId":"3fc1a4ca-931c-4fe3-a0d1-7f7c172d1f13","name":"Mickces","slug":"mickces","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/32548/avatar-GYdnfBOaEBE0TLc5S0ZpeT1O2Y8Wwt.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/45570/q9ierrhTdYqDuO0HJfHujzSliXE-ZH7U7LX2qnP8In6VgNuAhowdGmFDhi.jpg","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1200,"height":1440}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/45570/p5ycsK0CLJTd6bHUuY7JnJX3rW0-1Fmj8WsUvcRsEO1eCy8LL21TLrh5Az.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":2800,"height":1900}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/45570/A1f8lSFpAUArPZpfHd6bKpYCl8-agyL2o07toxfBIvM7ZUm3TtYIO9tL9.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":2800,"height":1900}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/45570/yzRlkS1IKTEL6RIHDAVhKYI8w-SkzEf3oKZxF92Kwcs03wzus6Nl3JRe.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":2800,"height":1900}}],"post":null,"createdAt":"2024-07-05T08:54:22.148Z","updatedAt":"2025-09-26T10:00:30.686Z","publishedAt":"2024-03-12T00:00:00.000Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":"20","paymentUrl":"https://elo.lemonsqueezy.com/buy/ef18b149-9610-448d-93e0-68d79736fe9b","remixUrl":null,"previewUrl":"https://gemstone.framer.website/","categories":[{"id":16,"name":"Personal","slug":"personal"},{"id":14,"name":"Landing Page","slug":"landing-page"}],"styles":[],"mainCategory":{"id":19,"name":"Portfolio","slug":"portfolio"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":9,"name":"Overlays & Modals","slug":"overlays-modals"}],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2024-03-12T20:43:02.276Z","updatedAt":"2024-03-12T20:43:02.276Z"},{"id":"018dd54f-1bb9-70d7-9d50-2d1896ab6cd1","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"3fc1a4ca-931c-4fe3-a0d1-7f7c172d1f13","name":"Mickces","slug":"mickces","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/32548/avatar-GYdnfBOaEBE0TLc5S0ZpeT1O2Y8Wwt.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"45718","resolved":true,"title":"Iridescent","body":"

Iridescent is a sleek and eye-catching Framer Template designed to help you effortlessly create a waitlist for your upcoming project. With its modern and intuitive design, this template makes it easy for you to collect emails and build excitement around your project. Whether you're launching a new product, service, or event, Iridescent has everything you need to create an engaging and effective waitlist that will help you generate buzz and ensure a successful launch.

","bodyJson":null,"introduction":"Modern Waitlist","slug":"iridescent","author":{"framerUserId":"3fc1a4ca-931c-4fe3-a0d1-7f7c172d1f13","name":"Mickces","slug":"mickces","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/32548/avatar-GYdnfBOaEBE0TLc5S0ZpeT1O2Y8Wwt.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/45718/zNB4QKgOiaKZ6U0pEYgoe7ttw-gDFbIQO3KfOxD6kU03It0xFQWXVf3Y.jpg","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1200,"height":1440}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/45718/cYMYrPHIXU4LSvV92nTMR6JJKA-dHxa2zuAEY7q4IEqTkzibxknRUKLbM.jpg","metadata":{"tint":{"h":180,"s":13,"l":54},"width":2800,"height":1900}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/45718/QuWBbKuOTnGn3UpDf0QBcenPc9c-YIzZvd68TJ660attVOcyxpeCHWGRcX.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":2800,"height":1900}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/45718/cjtJNqEfoyet2ZeYUvTeTZWzDo0-FasWFSATy1gmLryZ9JoGHmKybhQqr9.jpg","metadata":{"tint":{"h":0,"s":0,"l":9},"width":2800,"height":1900}}],"post":null,"createdAt":"2024-07-05T08:54:22.148Z","updatedAt":"2026-05-20T17:07:31.736Z","publishedAt":"2024-02-23T00:00:00.000Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":"20","paymentUrl":"https://elo.lemonsqueezy.com/buy/71b4e68d-16da-46e4-9990-b2e87e4b1501","remixUrl":null,"previewUrl":"https://iridescent.framer.website/","categories":[{"id":22,"name":"Startup","slug":"startup"},{"id":14,"name":"Landing Page","slug":"landing-page"}],"styles":[{"id":109,"name":"Modern","slug":"modern"}],"mainCategory":{"id":270,"name":"Software","slug":"software"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":9,"name":"Overlays & Modals","slug":"overlays-modals"},{"id":25,"name":"Custom Cursors","slug":"custom-cursors"}],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2024-02-23T09:32:27.961Z","updatedAt":"2024-02-23T09:32:27.961Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L52"}]