3D Switch — Switch | HorizonX

3D Switch

New

A physical CSS toggle with metallic states, layered depth and inverse perspective.

HorizonX · UI/UX
  • Instant access Unlocked with your membership
  • Ready to adapt Use it as your starting point
  • Commercial license Use in client & commercial work

Not ready to subscribe yet?

Get 20% off your first month. We'll email you the code.

Overview

Tune the stage, capsule geometry, metallic thumb, shadows and motion of a source-faithful 3D switch, then export it as standalone HTML.

Highlights

  • Editable capsule and thumb geometry
  • Metallic off and ink on states
  • Inverse perspective hover
  • Keyboard and reduced-motion support

Preview

What's included

  • Responsive switch component
  • Standalone HTML export
  • Source attribution and MIT notice

Frequently asked questions

  • The files for this asset, in the format listed under Specs on this page.

  • It's included with your HorizonX membership — no separate purchase.

  • Yes. Your HorizonX membership includes a commercial license — use and adapt these files in your personal, client and commercial projects.