3d Switch Button

3D Switch Button

Transform your Framer projects with this stunning 3D toggle switch that brings depth and realism to your user interfaces.

✨ Features

Realistic 3D Perspective Experience true depth with perspective transforms that make the switch feel tangible. The button physically rotates when toggled, creating an immersive interaction that stands out from flat UI elements.

Dynamic Light Effects When activated, the switch glows with a mesmerizing light effect that includes a subtle flickering animation, simulating real electrical illumination. The glow transitions smoothly and adds polish to every interaction.

Fully Customizable Colors

• Button Color - Choose any color and watch as the component automatically generates perfectly matched darker shades for depth and realism

• Glow Color - Customize the active state glow to match your brand or design system

Smooth Animations Built with carefully tuned cubic-bezier timing functions for natural, satisfying transitions. Every click feels premium and responsive.

Event Handling Connect the onValueChange event handler to trigger actions, update variables, or control other elements in your Framer project when the switch toggles.

How to Use

1. Drag the component onto your canvas

2. Resize using the frame handles (maintains quality at any size)

3. Customize colors in the property panel

4. Set the default state (on/off)

5. Connect the onValueChange event to your interactions

IMPORTANT: Due to the nature of digital code components, all sales are final and non-refundable. Once purchased, you receive immediate access to the complete component code, which cannot be returned.

Before purchasing, please:

• Review the component demo and documentation carefully

• Check the feature list to ensure it meets your needs

• Contact us at troy@fireislanddesign.com with any pre-purchase questions

For design work, questions, or help, please reach out at https://www.fireislanddesign.com/