Auto Breadcrumb

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