Skip to content

component

Toggle Button

By Dilshodbek Kholmuminov

Details

Summary

A polished 3D toggle button for Framer with a realistic depth-rotation animation.

Description

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

Introduction

3D toggle with depth animation

Rank history

Daily rank per list, from the first snapshot — lower is better.

120014001600160138/148/228/309/79/15
  • All · #6013