@gozenc/react-dark-mode-toggle

Live Demo & QA Playground

Explore the animated React dark mode toggle that powers @gozenc/react-dark-mode. It ships at just 4.88 KB (1.84 KB gzipped) yet delivers smooth, accessible theme switching for any design system.

Bundle Size: 4.88 KB (1.84 KB gzipped)

Status: Loading...

Default Toggle

Click the toggle to flip the document theme. This uses the library defaults.

Light

Dark

Custom Sizes

Different `size` values rendered side by side.

Color Palettes

Brand-friendly background / icon colors with hover overrides.

Radius & Padding

Demonstrates the optional `radius` and `padding` props working together.