We are live on DevHunt: tool of the week contest

check it out

Switch

A premium toggle switch with spring physics and tactile feedback animations.

Preview

Interactive Preview
Tactile Switches
Sizes

Installation

Usage

tsx
import { Switch } from "@/components/ui/switch"

export default function Demo() {
  return (
    <div className="flex flex-col gap-4">
      <Switch label="Dark Mode" size="md" />
      <Switch label="Notifications" size="lg" />
    </div>
  )
}

Dependencies

framer-motion

Props

PropTypeDefault
labelstring-
size
"sm""md""lg"
md
disabledbooleanfalse