Skip to content

Breadcrumb

Breadcrumb preview image 1

Summary

With flexible styling, accessibility support, and responsive design, it’s more than just a basic breadcrumb - it’s a polished, versatile navigation solution.

Description

Breadcrumbs 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

Rank history How rankings work →

1500110001111498/149/49/2610/1811/9
  • All · #11149

Details

More like this