# Divider components

> Browse 16 Divider components for React, styled with Tailwind CSS and ready for your Next.js project.

38 components available. Showing all of them below.

- [Reshaped Divider](https://21st.dev/@reshaped/components/reshaped-divider.md) — by reshaped
- [Auth Divider](https://21st.dev/@sshahaider/components/auth-divider.md) — by Efferd
- [Reshaped Divider](https://21st.dev/@reshaped/components/reshaped-divider/blank.md) — by reshaped
- [Reshaped Divider](https://21st.dev/@reshaped/components/reshaped-divider/composition.md) — by reshaped
- [Reshaped Divider](https://21st.dev/@reshaped/components/reshaped-divider/color.md) — by reshaped
- [Reshaped Divider](https://21st.dev/@reshaped/components/reshaped-divider/divided-view.md) — by reshaped
- [SVG Bands](https://21st.dev/@cult-ui/components/svg-bands.md) — by cult/ui
- [Accordion](https://21st.dev/@originui/components/accordion/w-left-plus-minus.md) — by Origin UI
- [Separator](https://21st.dev/@shadcn/components/separator.md) — by shadcn
- [Footer](https://21st.dev/@prebuiltui/components/footer-1/modern-minimal-footer.md) — by prebuiltui
- [indevuiSeparator](https://21st.dev/@ln-dev7/components/indevui-separator.md) — by LN
- [Dropdown](https://21st.dev/@antdesign/components/dropdown/other-elements.md) — by antdesign
- [Dropdown](https://21st.dev/@antdesign/components/dropdown/trigger-mode.md) — by antdesign
- [Menu](https://21st.dev/@anubra266/components/menu-1/menu-with-icons.md) — by Abraham
- [Accordion](https://21st.dev/@ibelick/components/accordion.md) — by Julien Thibeaut
- [Elastic Line](https://21st.dev/@danielpetho/components/elastic-line.md) — by Daniel Petho
- [Separator](https://21st.dev/@preetsuthar17/components/separator.md) — by Preet Suthar
- [useElasticLineEvents](https://21st.dev/@danielpetho/components/use-elastic-line-events.md) — by Daniel Petho
- [Social Auth Card](https://21st.dev/@ruixen.ui/components/social-auth-card.md) — by Ruixen UI
- [Side By Side Slide](https://21st.dev/@unlumen/components/side-by-side-slide.md) — by Unlumen UI
- [Before/After Image Slider](https://21st.dev/@ziegfiroyt/components/reveal1.md) — by Beste
- [Show More](https://21st.dev/@shugar/components/show-more-1.md) — by tigran tumasov
- [Context Menu](https://21st.dev/@olivier_1b6cd5bc/components/context-menu-1.md) — by Olivier Tassinari
- [Breadcrumb](https://21st.dev/@SubframeApp/components/breadcrumb.md) — by SubframeApp
- [8-bit Separator](https://21st.dev/@theorcdev/components/8bit-separator.md) — by OrcDev
- [Breadcrumb](https://21st.dev/@SubframeApp/components/breadcrumb/breadcrumb-truncrated.md) — by SubframeApp
- [Separator](https://21st.dev/@sean0205/components/separator.md) — by Sean Hello
- [Context Menu](https://21st.dev/@SubframeApp/components/context-menu-1.md) — by SubframeApp
- [Toolbar](https://21st.dev/@olivier_1b6cd5bc/components/toolbar-1.md) — by Olivier Tassinari
- [Context Menu](https://21st.dev/@SubframeApp/components/context-menu-1/context-menu-with-shortcuts.md) — by SubframeApp
- [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
- [Reshaped Card](https://21st.dev/@reshaped/components/reshaped-card/sections.md) — by reshaped
- [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

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