Breadcrumb
Smart and customizable breadcrumb navigation with separators, ellipsis, and full styling control for clear, accessible website navigation.
Made with Workshop
Build your own component with AI
About this Component
About this ComponentBreadcrumbs is a fully customizable navigation component for Framer that helps users understand their location within a site’s hierarchy. With flexible styling, accessibility support, and responsive design, it’s more than just a basic breadcrumb - it’s a polished, versatile navigation solution.
Key Features
Navigation trail with clickable links (except current page)
Multiple separator styles: chevron, slash, dot
Ellipsis support for long trails
Current page indicator with accessible ARIA labels
Full typography and color customization
Responsive and adaptive to any layout
Use Cases
Website headers and navigation bars
E-commerce category/product navigation
Documentation sites and knowledge bases
Multi-step forms or progress indicators
File system and folder path displays
