Switchy

A tiny library for creating realistic, iOS style switches

A Switchy switch is a checkbox-backed, draggable, swipeable and clickable switch that can be used as a form element.

Radio inputs can also be used.
Toggling requires JavaScript.

Radio option 1

Radio option 2

Text labels can be positioned before or after the switch.

Text after

Text before

Built in colour themes based on Apple's system colour scheme.

Red tint

Orange tint

Yellow tint

Green tint (default)

Teal-blue tint

Blue tint

Purple tint

Pink tint

Built in helper classes for scaling individual switches.

Small

Default

Large

Disabled switches.