ThemeToggle

Interactive

Components for switching between light and dark themes. Includes both button and switch variants.

ThemeToggle Button

A simple icon button that cycles between light and dark themes.

Click to toggle theme

ThemeSwitch

A segmented control for selecting between light and dark themes.

Choose your preferred theme

In Header

Theme toggles are commonly placed in navigation headers.

LuckyUI

In Settings

Use ThemeSwitch in settings pages for explicit theme selection.

Appearance

Customize how LuckyUI looks on your device.

Theme

Select your preferred theme

Comparison

Choose the variant that best fits your design.

ThemeToggle

Single icon button

ThemeSwitch

Segmented control