FREE CSS COMPONENT
Breadcrumbs
Breadcrumbs help users understand hierarchy and provide useful internal linking for search engines.
Live preview
HTML
<nav aria-label="Breadcrumb"><ol><li><a href="/">Home</a></li><li aria-current="page">Components</li></ol></nav>
CSS
.demo-breadcrumb{display:flex;gap:8px;align-items:center;color:#777;font:13px Inter,sans-serif}.demo-breadcrumb strong{color:#111}