4 Advanced Theme Toggle Buttons – Animated Light/Dark Switch Pack

Description

Theme Toggle collection — now with more dynamic styles and animations!

These toggles offer next-level interactions for switching between light and dark themes, using smooth transitions, creative icons, and custom animations. Perfect for portfolios, dashboards, and apps that need a modern UX boost.

Each toggle is built with clean HTML, CSS custom properties, and lightweight JavaScript that remembers the theme using localStorage.

🎨 Included Toggle Styles:

1. 🔄 Sun ↔ Moon Morph Animation – SVG shape morphing on click

2. 🌗 Dual Circle Toggle – Smooth rotating theme icon toggle

3. 🌈 Animated Gradient Toggle – Background shifts with gradient animation

4. 🔮 Neon Glow Toggle – Sci-fi inspired glowing switch

5. 🕹️ Joystick Switch – Retro UI-style dark/light toggle

🧪 Tech Used:

• HTML5

• CSS3 (Custom Properties, Keyframe Animations)

• JavaScript (Vanilla + localStorage for memory)