Neumorphic LED Switch — Switch | HorizonX

Neumorphic LED Switch

New

A soft mechanical toggle with a travelling thumb and an illuminated status LED.

HorizonX · UI/UX
Subscribe to download
  • 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

A source-faithful neumorphic switch with a 150px capsule, opposed inset shadows, a raised 80px thumb and a grey-to-yellow LED state. Edit its stage, geometry, bevel palette, thumb gradients, LED and 300ms motion, then export one self-contained HTML file. HorizonX keeps the native checkbox keyboard-accessible and adds focus-visible and reduced-motion support.

Highlights

  • Source-faithful neumorphic bevels
  • Editable thumb and track geometry
  • Illuminated on-state LED
  • Keyboard and reduced-motion support

Preview

What's included

  • Responsive switch component
  • Editable CSS custom properties
  • Self-contained HTML export

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.

Related Products

🍪 We use cookies.