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