# Breadcrumb components

> Navigate complex sites easily with 15 React breadcrumb components, seamlessly styled with Tailwind CSS for Next.js projects.

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

- [Breadcrumb](https://21st.dev/@originui/components/breadcrumb/with-background.md) — by Origin UI
- [Breadcrumb](https://21st.dev/@originui/components/breadcrumb/with-chevron-right.md) — by Origin UI
- [Breadcrumb](https://21st.dev/@originui/components/breadcrumb.md) — by Origin UI
- [Breadcrumb](https://21st.dev/@originui/components/breadcrumb/with-select.md) — by Origin UI
- [Breadcrumb](https://21st.dev/@originui/components/breadcrumb/with-slash.md) — by Origin UI
- [Breadcrumb](https://21st.dev/@originui/components/breadcrumb/with-point.md) — by Origin UI
- [Breadcrumb](https://21st.dev/@originui/components/breadcrumb/with-home-icon.md) — by Origin UI
- [Breadcrumb](https://21st.dev/@originui/components/breadcrumb/with-folder-icon.md) — by Origin UI
- [Breadrcrumb](https://21st.dev/@ShadcnStudio/components/breadrcrumb.md) — by ShadcnStudio
- [Breadrcrumb](https://21st.dev/@ShadcnStudio/components/breadrcrumb/breadcrumb-three.md) — by ShadcnStudio
- [Breadrcrumb](https://21st.dev/@ShadcnStudio/components/breadrcrumb/breadcrumb-seven.md) — by ShadcnStudio
- [Breadrcrumb](https://21st.dev/@ShadcnStudio/components/breadrcrumb/breadcrumb-one.md) — by ShadcnStudio
- [Breadrcrumb](https://21st.dev/@ShadcnStudio/components/breadrcrumb/breadcrumb-six.md) — by ShadcnStudio
- [Breadrcrumb](https://21st.dev/@ShadcnStudio/components/breadrcrumb/breadcrumb-two.md) — by ShadcnStudio
- [Breadrcrumb](https://21st.dev/@ShadcnStudio/components/breadrcrumb/breadcrumb-eight.md) — by ShadcnStudio
- [Breadrcrumb](https://21st.dev/@ShadcnStudio/components/breadrcrumb/breadcrumb-five.md) — by ShadcnStudio
- [Breadrcrumb](https://21st.dev/@ShadcnStudio/components/breadrcrumb/breadcrumb-four.md) — by ShadcnStudio
- [Breadcramb](https://21st.dev/@sean0205/components/breadcramb/icon.md) — by Sean Hello
- [Breadcrumbs](https://21st.dev/@hero_ui/components/heroui-breadcrumbs.md) — by Hero Ui
- [Breadcrumb](https://21st.dev/@coss.com/components/breadcrumb.md) — by coss
- [Breadcrumbs](https://21st.dev/@hero_ui/components/heroui-breadcrumbs/level-3.md) — by Hero Ui
- [Breadcramb](https://21st.dev/@sean0205/components/breadcramb.md) — by Sean Hello
- [Breadcrumbs](https://21st.dev/@hero_ui/components/heroui-breadcrumbs/level-2.md) — by Hero Ui
- [Breadcrumbs](https://21st.dev/@hero_ui/components/heroui-breadcrumbs/custom-render-function.md) — by Hero Ui
- [Breadcrumbs](https://21st.dev/@hero_ui/components/heroui-breadcrumbs/disabled.md) — by Hero Ui
- [Breadcrumbs](https://21st.dev/@hero_ui/components/heroui-breadcrumbs/custom-separator.md) — by Hero Ui
- [Breadcramb](https://21st.dev/@sean0205/components/breadcramb/separator.md) — by Sean Hello
- [Breadcrumb](https://21st.dev/@coss.com/components/breadcrumb/custom-separator.md) — by coss
- [Interfaces Breadcrumb](https://21st.dev/@jshguo/components/interfaces-breadcrumb.md) — by jshguo
- [Breadcrumb](https://21st.dev/@preetsuthar17/components/breadcrumb.md) — by Preet Suthar
- [Breadcrumb](https://21st.dev/@prebuiltui/components/breadcrumb.md) — by prebuiltui
- [Breadcrumb](https://21st.dev/@prebuiltui/components/breadcrumb/slash-breadcrumb.md) — by prebuiltui
- [Breadcrumb](https://21st.dev/@prebuiltui/components/breadcrumb/breadcrumb.md) — by prebuiltui
- [Breadcrumb](https://21st.dev/@prebuiltui/components/breadcrumb/normal-breadcrumb.md) — by prebuiltui
- [Breadcrumb](https://21st.dev/@mynaui/components/breadcrumb/arrow-separator.md) — by shadcn
- [Step Breadcrumb](https://21st.dev/@nextjsshop/components/step-breadcrumb.md) — by Nextjsshop
- [Breadcrumb](https://21st.dev/@shadcn/components/breadcrumb.md) — by shadcn
- [Smart Breadcrumb](https://21st.dev/@ruixen.ui/components/smart-breadcrumb.md) — by Ruixen UI
- [Breadcrumb](https://21st.dev/@antdesign/components/breadcrumb/breadcrumb-configuring-the-separator.md) — by antdesign
- [Breadcrumb](https://21st.dev/@olivier_1b6cd5bc/components/breadcrumb-1.md) — by Olivier Tassinari
- [Breadcrumb](https://21st.dev/@olivier_1b6cd5bc/components/breadcrumb-1/breadcrumb-with-background.md) — by Olivier Tassinari
- [Breadcrumbs](https://21st.dev/@edwinvakayil/components/breadcrumbs.md) — by Edwin Vakayil
- [Breadcrumb](https://21st.dev/@olivier_1b6cd5bc/components/breadcrumb-1/breadcrumb-tabs.md) — by Olivier Tassinari
- [Breadcrumb](https://21st.dev/@olivier_1b6cd5bc/components/breadcrumb-1/breadcrumb-with-icon.md) — by Olivier Tassinari
- [Breadcrumb](https://21st.dev/@antdesign/components/breadcrumb/configuring-the-separator-independently.md) — by antdesign
- [Breadcrumb](https://21st.dev/@antdesign/components/breadcrumb/breadcrumbs-with-dropdown-menu.md) — by antdesign
- [Breadcrumb](https://21st.dev/@antdesign/components/breadcrumb/breadcrumb-with-icon.md) — by antdesign
- [Breadcrumb](https://21st.dev/@antdesign/components/breadcrumb.md) — by antdesign
- [Breadcrumb](https://21st.dev/@antdesign/components/breadcrumb/breadcrumb-with-params.md) — by antdesign
- [Flexnative Breadcrumb](https://21st.dev/@felipemenezes098/components/flexnative-breadcrumb.md) — by felipemenezes098
- [Breadcrumb](https://21st.dev/@ln-dev7/components/breadcrumb.md) — by LN
- [Breadcrumb](https://21st.dev/@SubframeApp/components/breadcrumb.md) — by SubframeApp
- [Flexnative Breadcrumb](https://21st.dev/@felipemenezes098/components/flexnative-breadcrumb/responsive-collapse.md) — by felipemenezes098
- [Flexnative Breadcrumb](https://21st.dev/@felipemenezes098/components/flexnative-breadcrumb/dropdown-at-end.md) — by felipemenezes098
- [Flexnative Breadcrumb](https://21st.dev/@felipemenezes098/components/flexnative-breadcrumb/with-dropdown.md) — by felipemenezes098
- [Flexnative Breadcrumb](https://21st.dev/@felipemenezes098/components/flexnative-breadcrumb/dot-separator.md) — by felipemenezes098
- [Flexnative Breadcrumb](https://21st.dev/@felipemenezes098/components/flexnative-breadcrumb/custom-separator.md) — by felipemenezes098
- [Flexnative Breadcrumb](https://21st.dev/@felipemenezes098/components/flexnative-breadcrumb/with-icon.md) — by felipemenezes098
- [8-bit Breadcrumb](https://21st.dev/@theorcdev/components/8bit-breadcrumb.md) — by OrcDev
- [Flexnative Breadcrumb](https://21st.dev/@felipemenezes098/components/flexnative-breadcrumb/as-link.md) — by felipemenezes098

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