Theme Switcher

component

A light/dark toggle in icon, pill or dropdown form, with a circular reveal that grows out of the control and a GSAP icon transition. Use it in a navbar or settings panel.

pnpm dlx shadcn@latest add "https://avaraui.com/r/theme-switcher.json"

Sign In

Theme Switcher

component

A light/dark toggle in icon, pill or dropdown form, with a circular reveal that grows out of the control and a GSAP icon transition. Use it in a navbar or settings panel.

pnpm dlx shadcn@latest add "https://avaraui.com/r/theme-switcher.json"

utils

components/custom/blocks/ThemeSwitcherBlock.tsx

utils

components/custom/blocks/ThemeSwitcherBlock.tsx