Switch | Community Components - 21st | 21st

/Switch/

Switch

Here is Switch component

Install

npx shadcn@latest add https://21st.dev/r/anubra266/switch-1

Loading preview...

import SwitchBasic from "@/components/ui/switch-1";

export default function DemoOne() {
  return <SwitchBasic />;
}

More examples

Switch DisablerOpen page →

Loading preview...

Switch SquareOpen page →

Loading preview...

Large Thumb SwitchOpen page →

Loading preview...

Bordered SwitchOpen page →

Loading preview...

Switch Revealing IconsOpen page →

Loading preview...

Switch IconsOpen page →

Loading preview...

Switch Dual LabelsOpen page →

Loading preview...

Switch LabelOpen page →

Loading preview...

Switch embedded textOpen page →

Loading preview...

Switch in CardOpen page →

Loading preview...

Switch in Card IconOpen page →

Loading preview...

Dependencies

@ark-ui/react

Source

tarkui.com

Published

8/25/2025

Install

Dependencies

Tags

Featured

Newest

Popular

Shaders

Heros

Features

AI Chat Components

Calls to Action

Buttons

Testimonials

Pricing Sections

Text Components

Install

Dependencies

Tags

Install

Dependencies

Tags

Install

Dependencies

Tags

Switch

Install

More examples

Dependencies

Source

Published

Similar components