Free animated theme switchers for React
Animated light, dark and system theme controls with accessible names and scoped demo behaviour. Every example works with Next.js and Tailwind, and the source installs directly into your project.
3 components
Theme SwitchersMotioninputEither themeSystem SegmentFree light/system/dark segmented theme control for React: a spring-loaded thumb slides between three options with icon crossfades. Radio-group a11y.View component Theme SwitchersMotioninputEither themeSun Moon MorphFree animated theme toggle for Next.js and React: the sun's core morphs into a crescent moon with spring physics, rays retracting. Accessible switch.View component Theme SwitchersMotioninputEither themeTheme WipeFree React theme switcher with a circular wipe: the new theme expands from the toggle button across the container with a clip-path animation.View component