Toggle Button
43 resources in the index ship this component, best first. Group: Actions.
Also called · pressed button · toggle · press-and-hold button · sticky button · toggle (action)
Before you ship
3- 01Context — Explaining what the toggle will do
- 02Transition — A clear visual change of the toggle switching between different states
- 03State — How the button changes based on the interaction, examples below
Checks from checklist.design, MIT.
Ships it
43- Ark UI · 49 headless components with one API across React, Vue, Solid and Svelte
- Astryx · Meta's open-source React + StyleX design system, 150+ components and 42 templates
- Kumo · Cloudflare's production React library: 44 components on Base UI + Tailwind v4, MIT
- The Component Gallery · 60 UI components cross-referenced against 95 real design systems
- Coss UI · Cal.com's design system: 60 Base UI primitives shipped as a shadcn registry
- daisyUI · 68 pure-CSS Tailwind components as semantic class names, MIT, with 35 built-in themes
- HeroUI (formerly NextUI) · 71 React components on React Aria + Tailwind v4, with an MCP server
- HeroUI Pro · Paid React + React Native components, 6 templates, MCP server and agent skills
- Intent UI · 80+ React Aria components with real ARIA semantics, MIT and copy-paste
- MUI · React component suite: Material UI, MUI X data grid, charts and date pickers
- Neobrutalism (ex RetroUI) · Neo-brutalist shadcn registry: 60 free components, 158 Pro blocks, 6 templates
- Radix UI · Unstyled accessible React primitives, plus Themes, Colors and Icons
- React Aria · Adobe's unstyled React primitives with ARIA, keyboard, i18n and touch behavior built in
- shadcn/ui · 64 copy-in React components on Radix + Tailwind, installed by CLI
- shadcn/ui (GitHub) · Source monorepo for shadcn/ui: components, CLI, registry schema, skills
- Untitled UI · Figma UI kit plus React Aria + Tailwind v4 component library with an MCP server
- 8bitcn/ui · Retro pixel-art restyle of shadcn/ui: 57 components and 44 blocks
- Appica UI · 70 React components on Base UI and Tailwind v4, with an llms.txt and markdown docs
- Base UI · 37 unstyled React components from the Radix, Floating UI and MUI teams
- beUI · 76 React motion components and AI agent UI, installed through a shadcn registry
- beUI · 106-item Motion + Tailwind registry for React, shadcn-compatible
- Chánh Đại Components · 96-item shadcn registry of pixel-perfect portfolio and marketing components
- coss ui · Cal.com's Base UI + Tailwind v4 registry: 56 primitives and 500 particle variants
- ElevenLabs UI · First-party shadcn registry for voice agents: orbs, waveforms, transcripts
- Extend UI · shadcn registry of PDF, DOCX, XLSX and CSV viewers with bounding-box citations
- HextaUI · 103 shadcn registry items: primitives plus AI, auth, billing, settings and team blocks
- Inclusive Components · Heydon Pickering's 11 deep essays on building components that stay accessible
- Kinetics · 153 spring-physics micro-interactions with copy-paste CSS and React
- LiveKit Agents UI · shadcn registry of voice-agent UI: visualizers, control bar, transcript
- Magic UI · 150+ animated shadcn-compatible React components for landing pages
- Opensource UI · 154 free MIT React and Next.js components across 26 categories, copy-pasted from pages that serve the full TypeScript source in the HTML
- Osmo · Paid vault of 231 GSAP/Webflow interaction recipes plus a 100-button pack
- Shadcn Space · 401+ shadcn blocks, 393+ component variants and 10 site templates, freemium
- shadcn-templ · shadcn/ui ported to Go and templ: 52 components, 27 blocks, its own CLI
- Shark UI · 86 shadcn-style components built on Ark UI, installed through the shadcn CLI
- termcn · Terminal UI components for React, installed with the shadcn CLI, on Ink and OpenTUI
- Animate UI · 73 motion-first React components shipped as a shadcn registry
- shadcn-glass-ui · Glassmorphism component set for React that installs through the shadcn CLI
- Soft Club UI · 118 Radix-based React components in a late-90s dark-glass aesthetic
- Tailark · shadcn registry of marketing-site blocks, illustrations and brand logo SVGs
- Tark UI · One-page showcase of 41 Ark UI components with 333 Tailwind-styled examples
- The Gridcn · Tron-styled shadcn registry: 140 items, six themes, HUD and 3D grid components
- Interaction Kit · 12 copy-ready React micro-interaction demos by Armond Schneider