Auto Breadcrumb
Automatically generates functional breadcrumbs from your site’s URL. Fully customizable, easy to use and fast.
Made with Workshop
Build your own component with AI
About this Component
Auto Breadcrumb automatically generates clean, fully functional breadcrumbs directly from your site’s URL. It helps users understand where they are on your website while keeping navigation clear, flexible and fast to set up.
The component updates automatically with your page structure and adapts to long URLs by collapsing steps when needed. You can also manually control how many breadcrumb items are visible to match your layout and design needs.
Features
Automatically generates breadcrumbs from the site’s URL
Automatically collapses breadcrumbs when the URL gets too long
Option to manually define the maximum number of visible steps
Customize
Separator text or custom SVG with full color control
Gap between breadcrumb steps
Home label text
Truncation for long labels by setting a maximum character count
Default, hover and current states
Custom font support
Turn on/off user select
Padding, background and corner radius per step to create tag-like visuals
