Theme Toggle Pro is the definitive solution for designers looking to implement a sophisticated, high-performance light/dark mode switch in Framer. While most toggles are simple icons, this component offers an immersive interactive experience that enhances the overall perceived quality of your website.

✨ Key Highlights

• Multiple Visual Identities: Switch between Gooey, Neon, Flip, Morphing, Retro, and Glass styles with a single click. Each skin is mathematically optimized for performance and aesthetics.

• Procedural Audio Engine: Experience 'The Sound of Light.' The component generates unique, high-quality SFX via the Web Audio API, meaning no external .mp3 or .wav files are ever loaded.

• Global Theme Synchronization: Deeply integrates with Framer's 'data-framer-theme' and 'color-scheme' CSS properties to update your entire site instantly when the toggle is flipped.

• Persistent State: Features built-in logic to remember user preferences across sessions, ensuring a consistent brand experience for returning visitors.

⚙️ Complete Design Control

• Universal Scaling: Use the scale slider to fit the toggle into any header, sidebar, or footer without losing pixel-perfect clarity.

• Custom Easing: Fine-tune the 'feel' of your switch with Bouncy, Spring, or Snappy animation presets.

• Glow & Glass Controls: For Neon and Glass skins, you have granular control over blur intensity, opacity, and glow spread to match your specific branding.

• Dynamic Labels: Easily add 'Light' or 'Dark' text labels with custom positioning and typography scaling.

💡 Perfect For: High-end portfolios, SaaS landing pages, creative agency sites, and any Framer project that values micro-interactions and premium UX.