# Toggle Group components

> Manage grouped options effortlessly using 5 toggle group React components built for flexible UIs with Tailwind CSS.

91 components available. Showing the first 60 — browse the rest at https://21st.dev/community/components/s/toggle-group.

- [Discover Button](https://21st.dev/@0xUrvish/components/discover-button.md) — by 0xUrvish
- [Switch](https://21st.dev/@shugar/components/switch.md) — by tigran tumasov
- [Switch](https://21st.dev/@shugar/components/switch/disabled.md) — by tigran tumasov
- [Toggle Group](https://21st.dev/@originui/components/toggle-group/toggle-group.md) — by shadcn
- [Toggle Group](https://21st.dev/@originui/components/toggle-group/toggle-group-with-text.md) — by shadcn
- [Toggle Group](https://21st.dev/@shadcn/components/toggle-group.md) — by shadcn
- [Toggle Group](https://21st.dev/@sean0205/components/toggle-group-1.md) — by Sean Hello
- [Toggle Group](https://21st.dev/@jolbol1/components/toggle-group.md) — by James Shopland
- [Toggle Group](https://21st.dev/@jolbol1/components/toggle-group/toggle-group-vertical.md) — by James Shopland
- [Toggle Group](https://21st.dev/@jolbol1/components/toggle-group/toggle-group-multiple.md) — by James Shopland
- [Toggle Group](https://21st.dev/@sean0205/components/toggle-group-1/single.md) — by Sean Hello
- [Toggle Group](https://21st.dev/@sean0205/components/toggle-group-1/size.md) — by Sean Hello
- [Toggle Group](https://21st.dev/@sean0205/components/toggle-group-1/outline.md) — by Sean Hello
- [Base Button](https://21st.dev/@arihantcodes_1f7b8c4d/components/base-button/text-formatter.md) — by Arihant jain
- [Toggle Group](https://21st.dev/@anubra266/components/toggle-group/toolbar-toggle-group.md) — by Abraham
- [Base Button](https://21st.dev/@arihantcodes_1f7b8c4d/components/base-button/center-items.md) — by Arihant jain
- [Toggle Group](https://21st.dev/@anubra266/components/toggle-group/toggle-group-with-icons.md) — by Abraham
- [8-bit Toggle Group](https://21st.dev/@theorcdev/components/8bit-toggle-group.md) — by OrcDev
- [Toggle Group](https://21st.dev/@intentui/components/toggle-group.md) — by Intent UI
- [Toggle Group](https://21st.dev/@anubra266/components/toggle-group/ghost-toggle-group.md) — by Abraham
- [Toggle Group](https://21st.dev/@anubra266/components/toggle-group/outline-toggle-group.md) — by Abraham
- [Toggle Group](https://21st.dev/@anubra266/components/toggle-group/multiple-toggle-group.md) — by Abraham
- [Toggle Group](https://21st.dev/@anubra266/components/toggle-group.md) — by Abraham
- [Toggle Group](https://21st.dev/@edwinvakayil/components/toggle-group.md) — by Edwin Vakayil
- [Toggle Group](https://21st.dev/@cnippet.dev/components/cnippet-toggle-group.md) — by Cnippet
- [Toggle Group](https://21st.dev/@olivier_1b6cd5bc/components/toggle-group/toggle.md) — by Olivier Tassinari
- [Toggle Group](https://21st.dev/@cnippet.dev/components/cnippet-toggle-group/code-language.md) — by Cnippet
- [Toggle Group](https://21st.dev/@cnippet.dev/components/cnippet-toggle-group/billing.md) — by Cnippet
- [Toggle Group](https://21st.dev/@cnippet.dev/components/cnippet-toggle-group/theme.md) — by Cnippet
- [Toggle Group](https://21st.dev/@cnippet.dev/components/cnippet-toggle-group/view-switch.md) — by Cnippet
- [Toggle Group](https://21st.dev/@cnippet.dev/components/cnippet-toggle-group/alignment.md) — by Cnippet
- [Toggle Group](https://21st.dev/@cnippet.dev/components/cnippet-toggle-group/multiple.md) — by Cnippet
- [Toggle Group](https://21st.dev/@cnippet.dev/components/cnippet-toggle-group/vertical.md) — by Cnippet
- [Toggle Group](https://21st.dev/@cnippet.dev/components/cnippet-toggle-group/separated.md) — by Cnippet
- [Toggle Group](https://21st.dev/@cnippet.dev/components/cnippet-toggle-group/outline.md) — by Cnippet
- [Toggle Group](https://21st.dev/@olivier_1b6cd5bc/components/toggle-group.md) — by Olivier Tassinari
- [Reshaped Toggle button group](https://21st.dev/@reshaped/components/reshaped-toggle-button-group/multiple.md) — by reshaped
- [Pricing Section](https://21st.dev/@aymanch-03/components/pricing-section.md) — by Ayman Echakar
- [Spatial Product Showcase](https://21st.dev/@daiwiikharihar17147/components/spatial-product-showcase.md) — by Daiwiik Harihar
- [Pricing Section](https://21st.dev/@kokonutd/components/pricing-section.md) — by Kokonut Baffier
- [Toolbar](https://21st.dev/@preetsuthar17/components/toolbar.md) — by Preet Suthar
- [Flip Reveal](https://21st.dev/@paceui/components/flip-reveal.md) — by Pace UI
- [LiquidRadio](https://21st.dev/@xubohuah/components/liquid-radio.md) — by KainXu
- [Apple Liquid glass switcher](https://21st.dev/@dennysdionigi/components/apple-liquid-glass-switcher.md) — by dennysdionigi
- [Pricing Card](https://21st.dev/@0xUrvish/components/pricing-card.md) — by 0xUrvish
- [Pricing Tab](https://21st.dev/@aymanch-03/components/pricing-tab.md) — by Ayman Echakar
- [Toggle Theme](https://21st.dev/@sshahaider/components/toggle-theme.md) — by Efferd
- [Radio Group](https://21st.dev/@originui/components/radio-group/price-plan-tab.md) — by Origin UI
- [Pricing Section](https://21st.dev/@uilayout.contact/components/pricing-section-3.md) — by UI Layouts
- [Pricing Section](https://21st.dev/@uilayout.contact/components/pricing-section-1.md) — by UI Layouts
- [Pricing Cards](https://21st.dev/@lyanchouss/components/pricing-cards/pricing-interaction.md) — by Liana Pepanyan
- [Glass Radio Group](https://21st.dev/@ravikatiyar162/components/glass-radio-group.md) — by Ravi Katiyar
- [Theme Tabs](https://21st.dev/@designali-in/components/theme-tabs.md) — by Ali Imam
- [Theme Switcher](https://21st.dev/@haydenbleasel/components/theme-switcher.md) — by Hayden Bleasel
- [Animated Collection](https://21st.dev/@0xUrvish/components/animated-collection.md) — by 0xUrvish
- [Pricing Card](https://21st.dev/@dgearsonu1/components/pricing-card.md) — by Sonu Kumar
- [Switch](https://21st.dev/@shugar/components/switch/tooltip.md) — by tigran tumasov
- [Switch](https://21st.dev/@shugar/components/switch/full-width.md) — by tigran tumasov
- [Switch](https://21st.dev/@shugar/components/switch/sizes.md) — by tigran tumasov
- [Pricing Section](https://21st.dev/@ruixen.ui/components/pricing-section.md) — by Ruixen UI

Full component directory: https://21st.dev/llms.txt