A polished 3D toggle button for Framer with a realistic depth-rotation animation. Fully customizable through the property panel — no coding required.
Features:
- 12 built-in icons (Wi-Fi, Bluetooth, Bell, Moon, and more)
- 8 accent colors (Amber, Blue, Sky, Green, Pink, Purple, Orange, Red)
- 4 shapes: Square, Pill, Icon-only square, Icon-only circle
- Light and dark theme support
- Adjustable 3D depth via slider
- onChange callback for code overrides
How to install:
1. Open Assets → Code → New Component in Framer
2. Paste the component code
3. Drag onto canvas and customize via the property panel
A polished 3D toggle button for Framer with a realistic depth-rotation animation. Fully customizable through the property panel — no coding required.
Features:
- 12 built-in icons (Wi-Fi, Bluetooth, Bell, Moon, and more)
- 8 accent colors (Amber, Blue, Sky, Green, Pink, Purple, Orange, Red)
- 4 shapes: Square, Pill, Icon-only square, Icon-only circle
- Light and dark theme support
- Adjustable 3D depth via slider
- onChange callback for code overrides
How to install:
1. Open Assets → Code → New Component in Framer
2. Paste the component code
3. Drag onto canvas and customize via the property panel
