# Separator components

> Organize content beautifully with 3 separator components for React and Tailwind CSS, perfect for clean, structured layouts.

73 components available. Showing the first 60 — browse the rest at https://21st.dev/community/components/s/separator.

- [Separator](https://21st.dev/@shadcn/components/separator.md) — by shadcn
- [indevuiSeparator](https://21st.dev/@ln-dev7/components/indevui-separator.md) — by LN
- [Separator](https://21st.dev/@preetsuthar17/components/separator.md) — by Preet Suthar
- [8-bit Separator](https://21st.dev/@theorcdev/components/8bit-separator.md) — by OrcDev
- [Separator](https://21st.dev/@sean0205/components/separator.md) — by Sean Hello
- [Separator](https://21st.dev/@olivier_1b6cd5bc/components/separator-1.md) — by Olivier Tassinari
- [HeroUI Separator](https://21st.dev/@hero_ui/components/heroui-separator.md) — by Hero Ui
- [HeroUI Separator](https://21st.dev/@hero_ui/components/heroui-separator/custom-render-function.md) — by Hero Ui
- [HeroUI Separator](https://21st.dev/@hero_ui/components/heroui-separator/with-surface.md) — by Hero Ui
- [HeroUI Separator](https://21st.dev/@hero_ui/components/heroui-separator/variants.md) — by Hero Ui
- [HeroUI Separator](https://21st.dev/@hero_ui/components/heroui-separator/with-content.md) — by Hero Ui
- [HeroUI Separator](https://21st.dev/@hero_ui/components/heroui-separator/vertical.md) — by Hero Ui
- [Expandable Tabs](https://21st.dev/@victorwelander/components/expandable-tabs.md) — by Victor Welander
- [Dropdown Menu](https://21st.dev/@originui/components/dropdown-menu/grouped-items.md) — by Origin UI
- [Dropdown Menu](https://21st.dev/@originui/components/dropdown-menu/rich-menu.md) — by Origin UI
- [Dropdown Menu](https://21st.dev/@originui/components/dropdown-menu/profile-dropdown.md) — by Origin UI
- [Stepper](https://21st.dev/@originui/components/stepper/controlled-with-checkmarks.md) — by Origin UI
- [Dropdown Menu](https://21st.dev/@mynaui/components/dropdown-menu/help-menu.md) — by shadcn
- [Select](https://21st.dev/@originui/components/select/select-with-separator.md) — by Origin UI
- [Stepper](https://21st.dev/@sean0205/components/stepper/vertical-title-description.md) — by Sean Hello
- [Stepper](https://21st.dev/@sean0205/components/stepper/title-description.md) — by Sean Hello
- [Scroll Area](https://21st.dev/@shadcn/components/scroll-area.md) — by shadcn
- [Popover](https://21st.dev/@sshahaider/components/popover/quick-actions.md) — by Efferd
- [Breadrcrumb](https://21st.dev/@ShadcnStudio/components/breadrcrumb/breadcrumb-one.md) — by ShadcnStudio
- [Breadrcrumb](https://21st.dev/@ShadcnStudio/components/breadrcrumb/breadcrumb-four.md) — by ShadcnStudio
- [8bit Changelog](https://21st.dev/@theorcdev/components/8bit-team2.md) — by OrcDev
- [Scroll Area](https://21st.dev/@lina.sameer/components/scroll-area-1.md) — by lina.sameer
- [Blog Cards](https://21st.dev/@sumonadotwork/components/blog-cards.md) — by Sumona Biswas
- [Select](https://21st.dev/@jshguo/components/interfaces-select/grouped.md) — by jshguo
- [Menu](https://21st.dev/@coss.com/components/menu/with-group-label.md) — by coss
- [Breadcrumbs](https://21st.dev/@hero_ui/components/heroui-breadcrumbs/custom-separator.md) — by Hero Ui
- [Breadcrumb](https://21st.dev/@coss.com/components/breadcrumb/custom-separator.md) — by coss
- [Toolbar](https://21st.dev/@coss.com/components/toolbar.md) — by coss
- [HeroUI Select](https://21st.dev/@hero_ui/components/heroui-select/with-sections.md) — by Hero Ui
- [Expanded Tabs](https://21st.dev/@reuno-ui/components/expanded-tabs.md) — by 21st Indexer
- [HeroUI Accordion](https://21st.dev/@hero_ui/components/heroui-accordion/disabled.md) — by Hero Ui
- [Field](https://21st.dev/@shadcn/components/field-1/profile-card.md) — by shadcn
- [Dock](https://21st.dev/@saurabh10102/components/dock.md) — by Saurabh Chauhan
- [Breadcrumb](https://21st.dev/@olivier_1b6cd5bc/components/breadcrumb-1.md) — by Olivier Tassinari
- [HeroUI Toolbar](https://21st.dev/@hero_ui/components/heroui-toolbar.md) — by Hero Ui
- [Collapsible](https://21st.dev/@ShadcnStudio/components/collapsible-1/collapsible-five.md) — by ShadcnStudio
- [Item](https://21st.dev/@shadcn/components/item/group.md) — by shadcn
- [HeroUI Button Group](https://21st.dev/@hero_ui/components/heroui-button-group.md) — by Hero Ui
- [Breadcrumb](https://21st.dev/@olivier_1b6cd5bc/components/breadcrumb-1/breadcrumb-tabs.md) — by Olivier Tassinari
- [Breadcrumb](https://21st.dev/@antdesign/components/breadcrumb/configuring-the-separator-independently.md) — by antdesign
- [Menubar](https://21st.dev/@olivier_1b6cd5bc/components/menubar-1/menu.md) — by Olivier Tassinari
- [Breadcrumb](https://21st.dev/@ln-dev7/components/breadcrumb.md) — by LN
- [The Item one](https://21st.dev/@felipemenezes098/components/the-item-one/items-group.md) — by felipemenezes098
- [Flexnative Breadcrumb](https://21st.dev/@felipemenezes098/components/flexnative-breadcrumb/dropdown-at-end.md) — by felipemenezes098
- [HeroUI Toolbar](https://21st.dev/@hero_ui/components/heroui-toolbar/attached.md) — by Hero Ui
- [HeroUI Toolbar](https://21st.dev/@hero_ui/components/heroui-toolbar/with-button-group.md) — by Hero Ui
- [HeroUI Toolbar](https://21st.dev/@hero_ui/components/heroui-toolbar/vertical.md) — by Hero Ui
- [Toolbar](https://21st.dev/@cnippet.dev/components/cnippet-toolbar.md) — by Cnippet
- [HeroUI Dropdown](https://21st.dev/@hero_ui/components/heroui-dropdown/with-disabled-items.md) — by Hero Ui
- [Button7](https://21st.dev/@intentui/components/button7/button-size.md) — by Intent UI
- [HeroUI Button Group](https://21st.dev/@hero_ui/components/heroui-button-group/disabled.md) — by Hero Ui
- [HeroUI Button Group](https://21st.dev/@hero_ui/components/heroui-button-group/with-icons.md) — by Hero Ui
- [HeroUI Button Group](https://21st.dev/@hero_ui/components/heroui-button-group/orientation.md) — by Hero Ui
- [HeroUI Button Group](https://21st.dev/@hero_ui/components/heroui-button-group/full-width.md) — by Hero Ui
- [HeroUI Button Group](https://21st.dev/@hero_ui/components/heroui-button-group/sizes.md) — by Hero Ui

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