Day/Night Toggle
Animated pure CSS day and night toggle switch where the sun turns into a cratered moon, clouds drift away and stars appear.
Tag: switch
Components tagged with "switch".
7 component(s)
iOS Style Toggle Switch
Pure CSS iOS style toggle switches built on real checkboxes, in a grouped settings list with three sizes, five colors and a disabled state.
Cookie Preferences Modal
Bootstrap 5 cookie consent banner with a preferences modal: category switches, collapsible cookie tables, accept, reject and save actions, stored safely in localStorage.
Custom Checkboxes and Switches
Restyled Bootstrap 5 checkboxes, large switches, select-all with indeterminate state, radio cards and colored checkbox chips.
Actionable List Group
Bootstrap 5 list group panel with unread badges, notification toggle switches and invite rows with accept and decline buttons.
Light/Dark Theme Toggle
Tailwind CSS dark mode toggle with an animated sun/moon switch that follows the system preference, remembers the choice and can reset to system.
Segmented Control
Tailwind CSS segmented control with a sliding thumb, built on native radio inputs for single-choice view, range and billing toggles.