Skip to content

Tag: dark-mode

Components tagged with "dark-mode".

3 components

System, Light and Dark Theme Dropdown โ€“ Tailwind CSS theme toggles preview

System, Light and Dark Theme Dropdown

Accessible Tailwind CSS dropdown to choose a light, dark or system theme, with live OS sync, saved preference and CSS variable tokens.

Day/Night Toggle โ€“ Pure CSS toggles & switches preview

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.

Light/Dark Theme Toggle โ€“ Tailwind CSS theme toggles preview

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.