# Theme switcher

Four smooth ways to move between light and dark appearance.

- ID: `theme-switch`
- Import: `animui/theme-switch`
- Category: Actions
- Runtime exports: `ThemeSwitch`, `default`
- Declaration: `types/free/components/theme-switch.d.ts`
- Type provenance: emitted-original-typescript
- Related: theme-switch-eclipse, theme-switch-split, theme-switch-rise, user-menu, button

```tsx
import { ThemeSwitch } from 'animui/theme-switch';
```

This import example is not a complete render recipe: read the declaration below and its local references for required props, data, callbacks and provider context. Use `animui info theme-switch` to resolve the local declaration graph. Global setup is in `llms.txt`.

```ts
export { ThemeSwitch, default } from '../registry/components/theme-switch/theme-switch.js';
export type { Theme, ThemeSwitchProps, ThemeSwitchVariant } from '../registry/components/theme-switch/theme-switch.js';
```