Automatic Breadcrumbs

Smart breadcrumbs that automatically detect and display your current Framer page hierarchy.

Get Started on Framer PRO for FREE

Click here to sign up, and get 3 Free months when upgrading your Framer Plan using code

partner25proyearly

The Automatic Breadcrumbs component instantly generates navigation trails based on your Framer project’s page structure — no manual setup required. It dynamically detects the current route and builds a breadcrumb path from your homepage to the active page, keeping your visitors oriented and your site structure clear.

Perfect for multi-page websites, blogs, or documentation sites where clarity and navigation are key. You can easily customize styles, separators, and text formatting to match your design system.

Features

· Automatically detects and displays the full page path

· Works seamlessly across nested Framer routes

· Fully customizable colors, fonts, and separator icons

· Dynamic updates when navigating pages

· Ideal for blogs, documentation, or large site hierarchies

Stay in the loop

Get updates when there are new resources, tips and insights about Framer, Design and Freelancing.

Stay in the loop

Get updates when there are new resources, tips and insights about Framer, Design and Freelancing.

Crafted with purpose by Agustín.
This brand system is a living foundation built to grow and evolve.

From Buenos Aires, available worldwide.

Currently:

02:14 PM

Crafted with purpose by Agustín.
This brand system is a living foundation built to grow and evolve.

From Buenos Aires, available worldwide.

Currently:

02:14 PM