6 CSS Breadcrumbs

Breadcrumbs are GUI elements used to navigate and to keep track of the current location on the website. It helps in navigation through the site and gives the way to go back in the location path. In this collection, we showcase free CSS and HTML breadcrumbs with good-looking animations and responsive design. They have a simple implementation and don't need javascript to work.

Blue breadcrumbs

Demo Image: Breadcrumbs

demo and code

Tiny CSS3 Round Breadcrumb

Demo Image: Tiny CSS3 Round Breadcrumb

demo and code

Breadcrumbs with animation

Demo Image: breadcrumbs

demo and code

Responsive Breadcrumbs

Demo Image: Responsive Breadcrumbs

demo and code

Topcoat breadcrumb

Demo Image: Topcoat breadcrumb

Topcoat breadcrumb following the standard theme

demo and code

Breadcrumbs with "smart" ellipsis

Demo Image: Topcoat breadcrumb

Breadcrumbs with "smart" ellipsis

demo and code