Form Controls
Halo Switch
Toggle switch for React and shadcn/ui on Base UI with a spring-animated thumb, gradient rim, and an enlarged touch target.
Updated
Default
Toggles on and off with a spring-animated thumb and an enlarged tap target for easier touch use.
Small
A smaller footprint for dense toolbars and compact settings rows.
Halo Switch is a React toggle switch for shadcn/ui built on Base UI Switch and Motion. Use it for on and off settings such as notifications, dark mode, or feature flags in settings pages.
Installation
pnpm dlx shadcn@latest add @cult-ui/halo-switch