jQuery SwitchButtons

A simple set of toggle buttons for faster prototyping in code

SwitchButtons use simple text and the jQuery library to toggle an active class when clicked. It helps interaction designers & front-end developers to quickly include toggle button interactions in web prototypes.

SwitchButton is made to be used with icon fonts like Symbolset, Foundation Icons (in this demo), Entypo, or Font Awesome.

Fork SwitchButtons

Included in SwitchButtons:

Star

Use for favoriting or rating
Favoriting
Favorite All

Result on click:

Rating

Heart

Use to show appreciation

Thumbsup

Use for liking content

Delete/Ban

Signify deletion or banning

Checkbox

Can be used to check one option or check & uncheck all targeted checkboxes
Checkbox
Check All

Result on click:

Alert bell/flag

Can be used to toggle alerts or an alarm for a later date
Flag: Foundation Icons & Symbolset. Bell: Symbolset.

Lock

Can be used to signify that something is secured on click
Lock
Lock with icon switch