# Segmented Control components > Browse 6 Segmented Control components for React, styled with Tailwind CSS and ready for your Next.js project. 56 components available. Showing all of them below. - [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 - [Segment Group](https://21st.dev/@anubra266/components/segment-group/filter-selector-group.md) — by Abraham - [Segmented Button Group](https://21st.dev/@ruixen.ui/components/segmented-button-group.md) — by Ruixen UI - [Segment Group](https://21st.dev/@anubra266/components/segment-group/theme-selector-group.md) — by Abraham - [Segment Group](https://21st.dev/@anubra266/components/segment-group/view-mode-group.md) — by Abraham - [Segment Group](https://21st.dev/@anubra266/components/segment-group/project-status-group.md) — by Abraham - [Segment Group](https://21st.dev/@anubra266/components/segment-group.md) — by Abraham - [Tabs](https://21st.dev/@originui/components/tabs/default-3.md) — by Origin 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 Tab](https://21st.dev/@aymanch-03/components/pricing-tab.md) — by Ayman Echakar - [Radio Group](https://21st.dev/@originui/components/radio-group/price-plan-tab.md) — by Origin UI - [Radio Group](https://21st.dev/@originui/components/radio-group/review.md) — by Origin UI - [Tabs](https://21st.dev/@sean0205/components/tabs.md) — by Sean Hello - [Tabs](https://21st.dev/@sean0205/components/tabs/size-large.md) — by Sean Hello - [Theme Tabs](https://21st.dev/@designali-in/components/theme-tabs.md) — by Ali Imam - [Statistics Card 5](https://21st.dev/@sean0205/components/statistics-card-5.md) — by Sean Hello - [Animated Tabs](https://21st.dev/@ibelick/components/animated-tabs.md) — by Julien Thibeaut - [Modern Pricing Table](https://21st.dev/@chowlol202/components/modern-pricing-table.md) — by Caio Bonato - [Theme Switcher](https://21st.dev/@haydenbleasel/components/theme-switcher.md) — by Hayden Bleasel - [Tabs](https://21st.dev/@coss.com/components/tabs.md) — by coss - [Progress Bar](https://21st.dev/@jatin-yadav05/components/progress-bar.md) — by Jatin Yadav - [Switch](https://21st.dev/@shugar/components/switch/icon.md) — by tigran tumasov - [Switch](https://21st.dev/@shugar/components/switch.md) — by tigran tumasov - [Tabs](https://21st.dev/@coss.com/components/tabs/pill.md) — by coss - [Switch](https://21st.dev/@shugar/components/switch/tooltip.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-with-text.md) — by shadcn - [Steps](https://21st.dev/@anubra266/components/steps/segmented-steps.md) — by Abraham - [Tabs Component](https://21st.dev/@anubra266/components/tabs-component.md) — by Abraham - [Discrete Tab](https://21st.dev/@0xUrvish/components/discrete-tab.md) — by 0xUrvish - [Toggle Group](https://21st.dev/@sean0205/components/toggle-group-1.md) — by Sean Hello - [Tabs](https://21st.dev/@shugar/components/tabs-1/secondary.md) — by tigran tumasov - [Toggle Group](https://21st.dev/@jolbol1/components/toggle-group.md) — by James Shopland - [Flexnative Tabs](https://21st.dev/@felipemenezes098/components/flexnative-tabs/pricing-toggle.md) — by felipemenezes098 - [Flexnative Tabs](https://21st.dev/@felipemenezes098/components/flexnative-tabs/disabled-tab.md) — by felipemenezes098 - [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 - [Theme Switcher](https://21st.dev/@ncdai/components/theme-switcher-1.md) — by Chánh Đại - [BeUI Tabs](https://21st.dev/@saurabh10102/components/beui-tabs.md) — by Saurabh Chauhan - [One Clipboard](https://21st.dev/@felipemenezes098/components/one-clipboard/basic-group.md) — by felipemenezes098 - [Tabs](https://21st.dev/@reuno-ui/components/tabs-2/tab-switch-rounded.md) — by reuno-ui - [Tabs](https://21st.dev/@reuno-ui/components/tabs-2.md) — by reuno-ui - [Base Button](https://21st.dev/@arihantcodes_1f7b8c4d/components/base-button/center-items.md) — by Arihant jain - [HeroUI Button Group](https://21st.dev/@hero_ui/components/heroui-button-group.md) — by Hero Ui - [Tabs](https://21st.dev/@reuno-ui/components/tabs-2/select-tab-with-border-indicator.md) — by reuno-ui - [Tabs](https://21st.dev/@reuno-ui/components/tabs-2/select-option-tab.md) — by reuno-ui - [Toggle Group](https://21st.dev/@anubra266/components/toggle-group/toggle-group-with-icons.md) — by Abraham - [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.md) — by Abraham - [Toggle Group](https://21st.dev/@cnippet.dev/components/cnippet-toggle-group/billing.md) — by Cnippet - [Reshaped Tabs](https://21st.dev/@reshaped/components/reshaped-tabs/forms.md) — by reshaped - [Reshaped Tabs](https://21st.dev/@reshaped/components/reshaped-tabs/pills.md) — by reshaped Full component directory: https://21st.dev/llms.txt