Segmented Control
25 resources ship this component · Selection
Also called: toggle button group, segmented buttons, content switcher, pivot, tab-style switcher, segmented picker, view switcher.
Ships it
- Apple Human Interface Guidelines · Apple’s official design guidance for iOS, iPadOS, macOS, watchOS, tvOS and visionOSDesign Systems & Brand GuidelinesS
- Ark UI · 49 headless components with one API across React, Vue, Solid and SvelteComponent LibrariesS
- Astryx · Meta's open-source React + StyleX design system, 150+ components and 42 templatesComponent LibrariesS
- Chakra UI · 114 accessible React components with a token-driven styling systemComponent LibrariesS
- The Component Gallery · 60 UI components cross-referenced against 95 real design systemsDesign Systems & Brand GuidelinesS
- HeroUI Pro · Paid React + React Native components, 6 templates, MCP server and agent skillsComponent LibrariesS
- Mantine · 150+ styled React components, 70+ hooks, CSS modules, no runtime CSS-in-JSComponent LibrariesS
- Material Design 3 · Google's open design system: 39 components, tokens, and Compose/Web codeDesign Systems & Brand GuidelinesS
- NameThatUI · Visual dictionary that maps 76 web and macOS UI elements to their real names and codeDesign Systems & Brand GuidelinesS
- affectUI · 93 React components, screens, and blocks for AI products, each one dependency-free fileAI Interface KitsA
- AlignUI · React + Tailwind design system with a code-synced Figma libraryComponent LibrariesA
- Ant Design · 73-component React library and design language for enterprise back-office appsComponent LibrariesA
- Carbon Design System · IBM's open-source design system: 44 documented components across five frameworksDesign Systems & Brand GuidelinesA
- interior.dev · 54 MIT micro-interaction components for React, installable as a shadcn registryMotion & InteractionA
- Kinetics · 153 spring-physics micro-interactions with copy-paste CSS and ReactMotion & InteractionA
- 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 HTMLComponent LibrariesA
- Shark UI · 86 shadcn-style components built on Ark UI, installed through the shadcn CLIComponent LibrariesA
- Toolcraft · MIT React starter for canvas design tools, with agent docs baked inAgent Design ToolingA
- BoardUI · React 19 and Tailwind v4 components for dashboards and agent interfaces, with an MIT free tier and paid Pro catalogComponent LibrariesB
- Park UI · 59 styled Ark UI components delivered by CLI, themed with Panda CSSComponent LibrariesB
- Primer · GitHub's design system: 62 React components, Octicons and design tokensDesign Systems & Brand GuidelinesB
- shadcn-glass-ui · Glassmorphism component set for React that installs through the shadcn CLIComponent LibrariesB
- Tark UI · One-page showcase of 41 Ark UI components with 333 Tailwind-styled examplesComponent LibrariesB
- Pando (Pluralsight Design System) · Pluralsight's design system documented in zeroheight; public code frozen at v0.7.1Design Systems & Brand GuidelinesC
- Shadix UI · 14 motion-heavy shadcn add-ons: signature pad, datetime picker, reorder listComponent LibrariesC