diff --git a/.github/ISSUE_TEMPLATE/bug_report.yml b/.github/ISSUE_TEMPLATE/bug_report.yml
index a61d834..bbd3325 100644
--- a/.github/ISSUE_TEMPLATE/bug_report.yml
+++ b/.github/ISSUE_TEMPLATE/bug_report.yml
@@ -15,9 +15,9 @@ body:
     attributes:
       label: "Checklist"
       options:
-        - label: "I am able to reproduce the bug with the [latest version](https://github.com/xdev-software/template-placeholder/releases/latest)"
+        - label: "I am able to reproduce the bug with the [latest version](https://github.com/xdev-software/vaadin-breadcrumbs/releases/latest)"
           required: true
-        - label: "I made sure that there are *no existing issues* - [open](https://github.com/xdev-software/template-placeholder/issues) or [closed](https://github.com/xdev-software/template-placeholder/issues?q=is%3Aissue+is%3Aclosed) - which I could contribute my information to."
+        - label: "I made sure that there are *no existing issues* - [open](https://github.com/xdev-software/vaadin-breadcrumbs/issues) or [closed](https://github.com/xdev-software/vaadin-breadcrumbs/issues?q=is%3Aissue+is%3Aclosed) - which I could contribute my information to."
           required: true
         - label: "I have taken the time to fill in all the required details. I understand that the bug report will be dismissed otherwise."
           required: true
diff --git a/.github/ISSUE_TEMPLATE/enhancement.yml b/.github/ISSUE_TEMPLATE/enhancement.yml
index 764cae1..81298f3 100644
--- a/.github/ISSUE_TEMPLATE/enhancement.yml
+++ b/.github/ISSUE_TEMPLATE/enhancement.yml
@@ -13,7 +13,7 @@ body:
     attributes:
       label: "Checklist"
       options:
-        - label: "I made sure that there are *no existing issues* - [open](https://github.com/xdev-software/template-placeholder/issues) or [closed](https://github.com/xdev-software/template-placeholder/issues?q=is%3Aissue+is%3Aclosed) - which I could contribute my information to."
+        - label: "I made sure that there are *no existing issues* - [open](https://github.com/xdev-software/vaadin-breadcrumbs/issues) or [closed](https://github.com/xdev-software/vaadin-breadcrumbs/issues?q=is%3Aissue+is%3Aclosed) - which I could contribute my information to."
           required: true
         - label: "I have taken the time to fill in all the required details. I understand that the feature request will be dismissed otherwise."
           required: true
diff --git a/.github/ISSUE_TEMPLATE/question.yml b/.github/ISSUE_TEMPLATE/question.yml
index 6ecd6ad..f421a6d 100644
--- a/.github/ISSUE_TEMPLATE/question.yml
+++ b/.github/ISSUE_TEMPLATE/question.yml
@@ -12,7 +12,7 @@ body:
     attributes:
       label: "Checklist"
       options:
-        - label: "I made sure that there are *no existing issues* - [open](https://github.com/xdev-software/template-placeholder/issues) or [closed](https://github.com/xdev-software/template-placeholder/issues?q=is%3Aissue+is%3Aclosed) - which I could contribute my information to."
+        - label: "I made sure that there are *no existing issues* - [open](https://github.com/xdev-software/vaadin-breadcrumbs/issues) or [closed](https://github.com/xdev-software/vaadin-breadcrumbs/issues?q=is%3Aissue+is%3Aclosed) - which I could contribute my information to."
           required: true
         - label: "I have taken the time to fill in all the required details. I understand that the question will be dismissed otherwise."
           required: true
diff --git a/.run/Run Demo.run.xml b/.run/Run Demo.run.xml
index 3091745..f3930ee 100644
--- a/.run/Run Demo.run.xml	
+++ b/.run/Run Demo.run.xml	
@@ -1,7 +1,7 @@
 <component name="ProjectRunConfigurationManager">
   <configuration default="false" name="Run Demo" type="Application" factoryName="Application">
     <option name="MAIN_CLASS_NAME" value="software.xdev.vaadin.Application" />
-    <module name="template-placeholder-demo" />
+    <module name="vaadin-breadcrumbs-demo" />
     <option name="WORKING_DIRECTORY" value="$MODULE_DIR$" />
     <extension name="coverage">
       <pattern>
diff --git a/CHANGELOG.md b/CHANGELOG.md
index e69de29..4cbb214 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -0,0 +1,6 @@
+# 1.1.0
+* Do not depend on Vaadin's I18N / Allow custom path to text translation #1
+* Updated dependencies
+
+# 1.0.0
+_Initial release_
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index 4041315..6f3ca63 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -47,10 +47,10 @@ Bigger changes may require a complete restart.
   * [Vaadin automatically reloads the UI on each restart](https://vaadin.com/docs/latest/configuration/live-reload/spring-boot).<br/>
   You can control this behavior with the ``vaadin.devmode.liveReload.enabled`` property (default: ``true``).
 
-## Releasing [![Build](https://img.shields.io/github/actions/workflow/status/xdev-software/template-placeholder/release.yml?branch=master)](https://github.com/xdev-software/template-placeholder/actions/workflows/release.yml)
+## Releasing [![Build](https://img.shields.io/github/actions/workflow/status/xdev-software/vaadin-breadcrumbs/release.yml?branch=master)](https://github.com/xdev-software/vaadin-breadcrumbs/actions/workflows/release.yml)
 
 Before releasing:
-* Consider doing a [test-deployment](https://github.com/xdev-software/template-placeholder/actions/workflows/test-deploy.yml?query=branch%3Adevelop) before actually releasing.
+* Consider doing a [test-deployment](https://github.com/xdev-software/vaadin-breadcrumbs/actions/workflows/test-deploy.yml?query=branch%3Adevelop) before actually releasing.
 * Check the [changelog](CHANGELOG.md)
 
 If the ``develop`` is ready for release, create a pull request to the ``master``-Branch and merge the changes
diff --git a/README.md b/README.md
index a8a96c6..1473aab 100644
--- a/README.md
+++ b/README.md
@@ -1,21 +1,24 @@
-[![Published on Vaadin Directory](https://img.shields.io/badge/Vaadin%20Directory-published-00b4f0?logo=vaadin)](https://vaadin.com/directory/component/template-placeholder)
-[![Latest version](https://img.shields.io/maven-central/v/software.xdev/template-placeholder?logo=apache%20maven)](https://mvnrepository.com/artifact/software.xdev/template-placeholder)
-[![Build](https://img.shields.io/github/actions/workflow/status/xdev-software/template-placeholder/check-build.yml?branch=develop)](https://github.com/xdev-software/template-placeholder/actions/workflows/check-build.yml?query=branch%3Adevelop)
-[![Quality Gate Status](https://sonarcloud.io/api/project_badges/measure?project=xdev-software_template-placeholder&metric=alert_status)](https://sonarcloud.io/dashboard?id=xdev-software_template-placeholder)
+[![Published on Vaadin Directory](https://img.shields.io/badge/Vaadin%20Directory-published-00b4f0?logo=vaadin)](https://vaadin.com/directory/component/vaadin-breadcrumbs)
+[![Latest version](https://img.shields.io/maven-central/v/software.xdev/vaadin-breadcrumbs?logo=apache%20maven)](https://mvnrepository.com/artifact/software.xdev/vaadin-breadcrumbs)
+[![Build](https://img.shields.io/github/actions/workflow/status/xdev-software/vaadin-breadcrumbs/check-build.yml?branch=develop)](https://github.com/xdev-software/vaadin-breadcrumbs/actions/workflows/check-build.yml?query=branch%3Adevelop)
+[![Quality Gate Status](https://sonarcloud.io/api/project_badges/measure?project=xdev-software_vaadin-breadcrumbs&metric=alert_status)](https://sonarcloud.io/dashboard?id=xdev-software_vaadin-breadcrumbs)
 ![Vaadin 24+](https://img.shields.io/badge/Vaadin%20Platform/Flow-24+-00b4f0)
 
-# template-placeholder
-A Vaadin Template Repo
+# vaadin-breadcrumbs
+
+A Breadcrumbs component for Vaadin Flow.
 
 ![demo](assets/demo.png)
 
+_What is a "Breadcrumb"?_ <br/>
+A component with a list of links that helps visualizing a page's location within a site's hierarchical structure, it allows navigation up to any of the ancestors.
 
 ## Installation
-[Installation guide for the latest release](https://github.com/xdev-software/template-placeholder/releases/latest#Installation)
+[Installation guide for the latest release](https://github.com/xdev-software/vaadin-breadcrumbs/releases/latest#Installation)
 
 ## Run the Demo
 * Checkout the repo
-* Run ``mvn install && mvn -f template-placeholder-demo spring-boot:run``
+* Run ``mvn install && mvn -f vaadin-breadcrumbs-demo spring-boot:run``
 * Open http://localhost:8080
 
 <details>
@@ -31,4 +34,6 @@ If you need support as soon as possible and you can't wait for any pull request,
 See the [contributing guide](./CONTRIBUTING.md) for detailed instructions on how to get started with our project.
 
 ## Dependencies and Licenses
-View the [license of the current project](LICENSE) or the [summary including all dependencies](https://xdev-software.github.io/template-placeholder/dependencies)
+View the [license of the current project](LICENSE) or the [summary including all dependencies](https://xdev-software.github.io/vaadin-breadcrumbs/dependencies)
+
+_This component [was sponsored](https://xdev.software/en/news/detail/collaboration-between-atu-and-xdev-leads-to-open-source-breadcrumb-component-for-vaadin) by [<img src="./assets/ATU_Logo.svg" alt="ATU" height=20 />](https://atu.de)_
diff --git a/SECURITY.md b/SECURITY.md
index 34b9514..a28479b 100644
--- a/SECURITY.md
+++ b/SECURITY.md
@@ -2,4 +2,4 @@
 
 ## Reporting a Vulnerability
 
-Please report a security vulnerability [on GitHub Security Advisories](https://github.com/xdev-software/template-placeholder/security/advisories/new).
+Please report a security vulnerability [on GitHub Security Advisories](https://github.com/xdev-software/vaadin-breadcrumbs/security/advisories/new).
diff --git a/assets/ATU_Logo.svg b/assets/ATU_Logo.svg
new file mode 100644
index 0000000..6192d2e
--- /dev/null
+++ b/assets/ATU_Logo.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" x="0" y="0" version="1.1" viewBox="0 0 425.2 212.6">
+  <path d="M0 0h425.2v212.6H0z" style="fill:#bb1e10"/>
+  <path d="M165.09 71.46c-26.34.75-46.01 4.93-72.31 31.34-5.14 5.16-32.91 32.51-37.88 37.4-.28.27-.08.75.31.75h30.4c.69 0 1.35-.29 1.82-.8l10.19-11.03h35.36v10.81c0 .56.46 1.02 1.02 1.02h31.12c.56 0 1.02-.46 1.02-1.02V72.49c0-.58-.48-1.04-1.05-1.03zm-32.11 45.18h-23.82c4.84-5.24 8.8-9.5 9.7-10.45 7.34-7.74 12.52-9.76 14.13-10.24v20.69zM177.64 84.97V72.49c0-.56.46-1.02 1.02-1.02h77.86c.56 0 1.02.46 1.02 1.02v12.49c0 .56-.46 1.02-1.02 1.02h-22.35v53.96c0 .56-.46 1.02-1.02 1.02h-31.12c-.56 0-1.02-.46-1.02-1.02V86h-22.35c-.56 0-1.02-.46-1.02-1.03zM324.45 71.46c-.56 0-1.02.46-1.02 1.02v35.59c0 8.89-1.06 19.44-11.05 19.44s-10.17-9.98-10.17-20.17V72.49c0-.56-.46-1.02-1.02-1.02h-31.12c-.56 0-1.02.46-1.02 1.02v34.71c0 35.41 38.97 35.44 43.33 35.44s42.02 0 42.02-35.3V72.49c0-.56-.46-1.02-1.02-1.02h-28.93z" style="fill:#fff"/>
+</svg>
diff --git a/assets/demo.avif b/assets/demo.avif
index c12da7e..5290b78 100644
Binary files a/assets/demo.avif and b/assets/demo.avif differ
diff --git a/assets/demo.png b/assets/demo.png
index a5d9bad..314bcc8 100644
Binary files a/assets/demo.png and b/assets/demo.png differ
diff --git a/pom.xml b/pom.xml
index 54d907b..08b7350 100644
--- a/pom.xml
+++ b/pom.xml
@@ -5,8 +5,8 @@
 	<modelVersion>4.0.0</modelVersion>
 
 	<groupId>software.xdev</groupId>
-	<artifactId>template-placeholder-root</artifactId>
-	<version>1.0.0-SNAPSHOT</version>
+	<artifactId>vaadin-breadcrumbs-root</artifactId>
+	<version>1.1.1-SNAPSHOT</version>
 	<packaging>pom</packaging>
 
 	<organization>
@@ -15,8 +15,8 @@
 	</organization>
 
 	<modules>
-		<module>template-placeholder</module>
-		<module>template-placeholder-demo</module>
+		<module>vaadin-breadcrumbs</module>
+		<module>vaadin-breadcrumbs-demo</module>
 	</modules>
 
 	<properties>
diff --git a/renovate.json5 b/renovate.json5
index 2874d45..96ded0a 100644
--- a/renovate.json5
+++ b/renovate.json5
@@ -4,7 +4,7 @@
   "packageRules": [
     {
       "description": "Ignore project internal dependencies",
-      "packagePattern": "^software.xdev:template-placeholder",
+      "packagePattern": "^software.xdev:vaadin-breadcrumbs",
       "datasources": [
         "maven"
       ],
diff --git a/template-placeholder-demo/pom.xml b/vaadin-breadcrumbs-demo/pom.xml
similarity index 95%
rename from template-placeholder-demo/pom.xml
rename to vaadin-breadcrumbs-demo/pom.xml
index c9e7762..3f34e83 100644
--- a/template-placeholder-demo/pom.xml
+++ b/vaadin-breadcrumbs-demo/pom.xml
@@ -6,12 +6,12 @@
 
 	<parent>
 		<groupId>software.xdev</groupId>
-		<artifactId>template-placeholder-root</artifactId>
-		<version>1.0.0-SNAPSHOT</version>
+		<artifactId>vaadin-breadcrumbs-root</artifactId>
+		<version>1.1.1-SNAPSHOT</version>
 	</parent>
 
-	<artifactId>template-placeholder-demo</artifactId>
-	<version>1.0.0-SNAPSHOT</version>
+	<artifactId>vaadin-breadcrumbs-demo</artifactId>
+	<version>1.1.1-SNAPSHOT</version>
 	<packaging>jar</packaging>
 
 	<organization>
@@ -70,7 +70,7 @@
 		</dependency>
 		<dependency>
 			<groupId>software.xdev</groupId>
-			<artifactId>template-placeholder</artifactId>
+			<artifactId>vaadin-breadcrumbs</artifactId>
 			<version>${project.version}</version>
 		</dependency>
 
diff --git a/template-placeholder-demo/src/main/java/software/xdev/vaadin/Application.java b/vaadin-breadcrumbs-demo/src/main/java/software/xdev/vaadin/Application.java
similarity index 100%
rename from template-placeholder-demo/src/main/java/software/xdev/vaadin/Application.java
rename to vaadin-breadcrumbs-demo/src/main/java/software/xdev/vaadin/Application.java
diff --git a/vaadin-breadcrumbs-demo/src/main/java/software/xdev/vaadin/ui/HomeView.java b/vaadin-breadcrumbs-demo/src/main/java/software/xdev/vaadin/ui/HomeView.java
new file mode 100644
index 0000000..700ad56
--- /dev/null
+++ b/vaadin-breadcrumbs-demo/src/main/java/software/xdev/vaadin/ui/HomeView.java
@@ -0,0 +1,20 @@
+package software.xdev.vaadin.ui;
+
+import com.vaadin.flow.component.UI;
+import com.vaadin.flow.component.button.Button;
+import com.vaadin.flow.component.orderedlayout.VerticalLayout;
+import com.vaadin.flow.dom.Element;
+import com.vaadin.flow.router.Route;
+
+
+@Route("")
+public class HomeView extends VerticalLayout
+{
+	public HomeView()
+	{
+		this.add(new Button("Toggle theme", ev -> {
+			final Element uiElement = UI.getCurrent().getElement();
+			uiElement.setAttribute("theme", "dark".equals(uiElement.getAttribute("theme")) ? "" : "dark");
+		}));
+	}
+}
diff --git a/vaadin-breadcrumbs-demo/src/main/java/software/xdev/vaadin/ui/MainLayout.java b/vaadin-breadcrumbs-demo/src/main/java/software/xdev/vaadin/ui/MainLayout.java
new file mode 100644
index 0000000..c8e7fbe
--- /dev/null
+++ b/vaadin-breadcrumbs-demo/src/main/java/software/xdev/vaadin/ui/MainLayout.java
@@ -0,0 +1,76 @@
+package software.xdev.vaadin.ui;
+
+import java.util.Objects;
+
+import com.vaadin.flow.component.HasElement;
+import com.vaadin.flow.component.applayout.AppLayout;
+import com.vaadin.flow.component.applayout.DrawerToggle;
+import com.vaadin.flow.component.icon.VaadinIcon;
+import com.vaadin.flow.component.orderedlayout.HorizontalLayout;
+import com.vaadin.flow.component.orderedlayout.VerticalLayout;
+import com.vaadin.flow.component.sidenav.SideNav;
+import com.vaadin.flow.component.sidenav.SideNavItem;
+import com.vaadin.flow.router.Layout;
+import com.vaadin.flow.router.PageTitle;
+
+import software.xdev.vaadin.breadcrumbs.Breadcrumbs;
+import software.xdev.vaadin.ui.cars.CarsView;
+import software.xdev.vaadin.ui.cars.brand.ElectricView;
+import software.xdev.vaadin.ui.cars.brand.GasolineView;
+import software.xdev.vaadin.ui.cars.brand.HybridView;
+
+
+@Layout
+@PageTitle("Breadcrumb Demo")
+public class MainLayout extends AppLayout
+{
+	private final Breadcrumbs breadcrumbs = new Breadcrumbs()
+		.withHomeBreadcrumbName(this.getTranslation(TranslationKeys.HOME))
+		.withBreadcrumbNameResolver((full, part) -> this.getTranslation(part));
+	
+	public MainLayout()
+	{
+		final SideNav sideNav = new SideNav();
+		sideNav.addItem(new SideNavItem(
+			this.getTranslation(TranslationKeys.HOME),
+			"",
+			VaadinIcon.HOME_O.create()));
+		
+		final SideNavItem carsItem = new SideNavItem(
+			this.getTranslation(TranslationKeys.CARS),
+			CarsView.class,
+			VaadinIcon.CAR.create());
+		carsItem.addItem(new SideNavItem(
+			this.getTranslation(TranslationKeys.GASOLINE),
+			GasolineView.class,
+			VaadinIcon.FIRE.create()));
+		carsItem.addItem(new SideNavItem(
+			this.getTranslation(TranslationKeys.HYBRID),
+			HybridView.class,
+			VaadinIcon.GLOBE.create()));
+		carsItem.addItem(new SideNavItem(
+			this.getTranslation(TranslationKeys.ELECTRIC),
+			ElectricView.class,
+			VaadinIcon.BOLT.create()));
+		
+		sideNav.addItem(Objects.requireNonNull(carsItem));
+		
+		this.setPrimarySection(Section.DRAWER);
+		
+		final VerticalLayout navWrapper = new VerticalLayout(sideNav);
+		sideNav.setWidthFull();
+		navWrapper.setSpacing(true);
+		this.addToDrawer(navWrapper);
+		
+		final HorizontalLayout vlHeader = new HorizontalLayout(new DrawerToggle(), this.breadcrumbs);
+		vlHeader.setSpacing(false);
+		this.addToNavbar(vlHeader);
+	}
+	
+	@Override
+	public void showRouterLayoutContent(final HasElement content)
+	{
+		super.showRouterLayoutContent(content);
+		this.breadcrumbs.updateFromCurrentPath();
+	}
+}
diff --git a/vaadin-breadcrumbs-demo/src/main/java/software/xdev/vaadin/ui/TranslationKeys.java b/vaadin-breadcrumbs-demo/src/main/java/software/xdev/vaadin/ui/TranslationKeys.java
new file mode 100644
index 0000000..86aa497
--- /dev/null
+++ b/vaadin-breadcrumbs-demo/src/main/java/software/xdev/vaadin/ui/TranslationKeys.java
@@ -0,0 +1,20 @@
+package software.xdev.vaadin.ui;
+
+public final class TranslationKeys
+{
+	public static final String HOME = "home";
+	
+	public static final String CARS = "cars";
+	public static final String ELECTRIC = "electric";
+	public static final String HYBRID = "hybrid";
+	public static final String GASOLINE = "gasoline";
+	public static final String PLUTONIUM = "plutonium";
+	
+	public static final String FUEL = "fuel";
+	public static final String MODEL = "model";
+	public static final String HP = "hp";
+	
+	private TranslationKeys()
+	{
+	}
+}
diff --git a/vaadin-breadcrumbs-demo/src/main/java/software/xdev/vaadin/ui/cars/AbstractCarView.java b/vaadin-breadcrumbs-demo/src/main/java/software/xdev/vaadin/ui/cars/AbstractCarView.java
new file mode 100644
index 0000000..f5e8c64
--- /dev/null
+++ b/vaadin-breadcrumbs-demo/src/main/java/software/xdev/vaadin/ui/cars/AbstractCarView.java
@@ -0,0 +1,46 @@
+package software.xdev.vaadin.ui.cars;
+
+import static software.xdev.vaadin.ui.TranslationKeys.ELECTRIC;
+import static software.xdev.vaadin.ui.TranslationKeys.GASOLINE;
+import static software.xdev.vaadin.ui.TranslationKeys.HYBRID;
+import static software.xdev.vaadin.ui.TranslationKeys.PLUTONIUM;
+
+import java.util.List;
+
+import com.vaadin.flow.component.orderedlayout.VerticalLayout;
+
+
+public abstract class AbstractCarView extends VerticalLayout
+{
+	protected AbstractCarView()
+	{
+		final CarGrid carGrid = new CarGrid(this.getCars());
+		carGrid.setAllRowsVisible(true);
+		this.add(carGrid);
+	}
+	
+	protected abstract List<Car> getCars();
+	
+	protected static List<Car> getCarsByFuel(final String fuel)
+	{
+		return getAllCars().stream()
+			.filter(c -> fuel.equals(c.fuelI18N()))
+			.toList();
+	}
+	
+	@SuppressWarnings("checkstyle:MagicNumber")
+	protected static List<Car> getAllCars()
+	{
+		return List.of(
+			new Car(GASOLINE, "Opel Astra K", 110),
+			new Car(GASOLINE, "Skoda Octavia 4", 150),
+			new Car(GASOLINE, "VW Golf 7 GTI", 220),
+			new Car(GASOLINE, "Porsche GT3 RS", 525),
+			new Car(HYBRID, "Mercedes A250", 160),
+			new Car(HYBRID, "VW Golf 8 eTSI", 150),
+			new Car(ELECTRIC, "Tesla Model 3", 460),
+			new Car(ELECTRIC, "BMW i4", 540),
+			new Car(PLUTONIUM, "DeLorean DMC-12", 1_620_000)
+		);
+	}
+}
diff --git a/vaadin-breadcrumbs-demo/src/main/java/software/xdev/vaadin/ui/cars/Car.java b/vaadin-breadcrumbs-demo/src/main/java/software/xdev/vaadin/ui/cars/Car.java
new file mode 100644
index 0000000..149f428
--- /dev/null
+++ b/vaadin-breadcrumbs-demo/src/main/java/software/xdev/vaadin/ui/cars/Car.java
@@ -0,0 +1,5 @@
+package software.xdev.vaadin.ui.cars;
+
+public record Car(String fuelI18N, String model, int hp)
+{
+}
diff --git a/vaadin-breadcrumbs-demo/src/main/java/software/xdev/vaadin/ui/cars/CarGrid.java b/vaadin-breadcrumbs-demo/src/main/java/software/xdev/vaadin/ui/cars/CarGrid.java
new file mode 100644
index 0000000..620c45e
--- /dev/null
+++ b/vaadin-breadcrumbs-demo/src/main/java/software/xdev/vaadin/ui/cars/CarGrid.java
@@ -0,0 +1,21 @@
+package software.xdev.vaadin.ui.cars;
+
+import java.util.List;
+
+import com.vaadin.flow.component.grid.Grid;
+
+import software.xdev.vaadin.ui.TranslationKeys;
+
+
+public class CarGrid extends Grid<Car>
+{
+	
+	public CarGrid(final List<Car> cars)
+	{
+		this.setItems(cars);
+		this.addColumn(car -> this.getTranslation(car.fuelI18N()))
+			.setHeader(this.getTranslation(TranslationKeys.FUEL));
+		this.addColumn(Car::model).setHeader(this.getTranslation(TranslationKeys.MODEL));
+		this.addColumn(Car::hp).setHeader(this.getTranslation(TranslationKeys.HP));
+	}
+}
diff --git a/vaadin-breadcrumbs-demo/src/main/java/software/xdev/vaadin/ui/cars/CarsView.java b/vaadin-breadcrumbs-demo/src/main/java/software/xdev/vaadin/ui/cars/CarsView.java
new file mode 100644
index 0000000..d846ac7
--- /dev/null
+++ b/vaadin-breadcrumbs-demo/src/main/java/software/xdev/vaadin/ui/cars/CarsView.java
@@ -0,0 +1,16 @@
+package software.xdev.vaadin.ui.cars;
+
+import java.util.List;
+
+import com.vaadin.flow.router.Route;
+
+
+@Route("cars")
+public class CarsView extends AbstractCarView
+{
+	@Override
+	protected List<Car> getCars()
+	{
+		return getAllCars();
+	}
+}
diff --git a/vaadin-breadcrumbs-demo/src/main/java/software/xdev/vaadin/ui/cars/brand/ElectricView.java b/vaadin-breadcrumbs-demo/src/main/java/software/xdev/vaadin/ui/cars/brand/ElectricView.java
new file mode 100644
index 0000000..301b26c
--- /dev/null
+++ b/vaadin-breadcrumbs-demo/src/main/java/software/xdev/vaadin/ui/cars/brand/ElectricView.java
@@ -0,0 +1,22 @@
+package software.xdev.vaadin.ui.cars.brand;
+
+import static software.xdev.vaadin.ui.TranslationKeys.ELECTRIC;
+
+import java.util.List;
+
+import com.vaadin.flow.router.Route;
+
+import software.xdev.vaadin.ui.cars.AbstractCarView;
+import software.xdev.vaadin.ui.cars.Car;
+
+
+@Route("cars/electric")
+public class ElectricView extends AbstractCarView
+{
+	@Override
+	@SuppressWarnings("checkstyle:MagicNumber")
+	protected List<Car> getCars()
+	{
+		return getCarsByFuel(ELECTRIC);
+	}
+}
diff --git a/vaadin-breadcrumbs-demo/src/main/java/software/xdev/vaadin/ui/cars/brand/GasolineView.java b/vaadin-breadcrumbs-demo/src/main/java/software/xdev/vaadin/ui/cars/brand/GasolineView.java
new file mode 100644
index 0000000..f67d810
--- /dev/null
+++ b/vaadin-breadcrumbs-demo/src/main/java/software/xdev/vaadin/ui/cars/brand/GasolineView.java
@@ -0,0 +1,22 @@
+package software.xdev.vaadin.ui.cars.brand;
+
+import static software.xdev.vaadin.ui.TranslationKeys.GASOLINE;
+
+import java.util.List;
+
+import com.vaadin.flow.router.Route;
+
+import software.xdev.vaadin.ui.cars.AbstractCarView;
+import software.xdev.vaadin.ui.cars.Car;
+
+
+@Route("cars/gasoline")
+public class GasolineView extends AbstractCarView
+{
+	@Override
+	@SuppressWarnings("checkstyle:MagicNumber")
+	protected List<Car> getCars()
+	{
+		return getCarsByFuel(GASOLINE);
+	}
+}
diff --git a/vaadin-breadcrumbs-demo/src/main/java/software/xdev/vaadin/ui/cars/brand/HybridView.java b/vaadin-breadcrumbs-demo/src/main/java/software/xdev/vaadin/ui/cars/brand/HybridView.java
new file mode 100644
index 0000000..30124b4
--- /dev/null
+++ b/vaadin-breadcrumbs-demo/src/main/java/software/xdev/vaadin/ui/cars/brand/HybridView.java
@@ -0,0 +1,22 @@
+package software.xdev.vaadin.ui.cars.brand;
+
+import static software.xdev.vaadin.ui.TranslationKeys.HYBRID;
+
+import java.util.List;
+
+import com.vaadin.flow.router.Route;
+
+import software.xdev.vaadin.ui.cars.AbstractCarView;
+import software.xdev.vaadin.ui.cars.Car;
+
+
+@Route("cars/hybrid")
+public class HybridView extends AbstractCarView
+{
+	@Override
+	@SuppressWarnings("checkstyle:MagicNumber")
+	protected List<Car> getCars()
+	{
+		return getCarsByFuel(HYBRID);
+	}
+}
diff --git a/template-placeholder-demo/src/main/resources/application.yml b/vaadin-breadcrumbs-demo/src/main/resources/application.yml
similarity index 100%
rename from template-placeholder-demo/src/main/resources/application.yml
rename to vaadin-breadcrumbs-demo/src/main/resources/application.yml
diff --git a/vaadin-breadcrumbs-demo/src/main/resources/vaadin-i18n/translations_de.properties b/vaadin-breadcrumbs-demo/src/main/resources/vaadin-i18n/translations_de.properties
new file mode 100644
index 0000000..c772e84
--- /dev/null
+++ b/vaadin-breadcrumbs-demo/src/main/resources/vaadin-i18n/translations_de.properties
@@ -0,0 +1,9 @@
+home=Start
+cars=Autos
+electric=Elektrisch
+hybrid=Hybrid
+gasoline=Benzin
+plutonium=Plutonium
+fuel=Treibstoff
+model=Modell
+hp=PS
diff --git a/vaadin-breadcrumbs-demo/src/main/resources/vaadin-i18n/translations_en.properties b/vaadin-breadcrumbs-demo/src/main/resources/vaadin-i18n/translations_en.properties
new file mode 100644
index 0000000..f4cbe64
--- /dev/null
+++ b/vaadin-breadcrumbs-demo/src/main/resources/vaadin-i18n/translations_en.properties
@@ -0,0 +1,9 @@
+home=Home
+cars=Cars
+electric=Electric
+hybrid=Hybrid
+gasoline=Gasoline
+plutonium=Plutonium
+fuel=Fuel
+model=Model
+hp=HP
diff --git a/template-placeholder/pom.xml b/vaadin-breadcrumbs/pom.xml
similarity index 95%
rename from template-placeholder/pom.xml
rename to vaadin-breadcrumbs/pom.xml
index 9d783a7..07d5a26 100644
--- a/template-placeholder/pom.xml
+++ b/vaadin-breadcrumbs/pom.xml
@@ -5,20 +5,20 @@
 	<modelVersion>4.0.0</modelVersion>
 
 	<groupId>software.xdev</groupId>
-	<artifactId>template-placeholder</artifactId>
-	<version>1.0.0-SNAPSHOT</version>
+	<artifactId>vaadin-breadcrumbs</artifactId>
+	<version>1.1.1-SNAPSHOT</version>
 	<packaging>jar</packaging>
 
-	<name>template-placeholder</name>
-	<description>template-placeholder</description>
-	<url>https://github.com/xdev-software/template-placeholder</url>
+	<name>Breadcrumbs for Vaadin</name>
+	<description>Breadcrumbs for Vaadin</description>
+	<url>https://github.com/xdev-software/vaadin-breadcrumbs</url>
 
 	<scm>
-		<url>https://github.com/xdev-software/template-placeholder</url>
-		<connection>scm:git:https://github.com/xdev-software/template-placeholder.git</connection>
+		<url>https://github.com/xdev-software/vaadin-breadcrumbs</url>
+		<connection>scm:git:https://github.com/xdev-software/vaadin-breadcrumbs.git</connection>
 	</scm>
 
-	<inceptionYear>2022</inceptionYear>
+	<inceptionYear>2024</inceptionYear>
 
 	<organization>
 		<name>XDEV Software</name>
diff --git a/vaadin-breadcrumbs/src/main/java/software/xdev/vaadin/breadcrumbs/Breadcrumbs.java b/vaadin-breadcrumbs/src/main/java/software/xdev/vaadin/breadcrumbs/Breadcrumbs.java
new file mode 100644
index 0000000..67ddaff
--- /dev/null
+++ b/vaadin-breadcrumbs/src/main/java/software/xdev/vaadin/breadcrumbs/Breadcrumbs.java
@@ -0,0 +1,136 @@
+/*
+ * Copyright © 2024 XDEV Software (https://xdev.software)
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+package software.xdev.vaadin.breadcrumbs;
+
+import java.util.ArrayList;
+import java.util.Arrays;
+import java.util.Collections;
+import java.util.List;
+import java.util.Objects;
+import java.util.function.BiFunction;
+import java.util.stream.Stream;
+
+import com.vaadin.flow.component.UI;
+import com.vaadin.flow.component.dependency.CssImport;
+import com.vaadin.flow.component.html.Anchor;
+import com.vaadin.flow.component.orderedlayout.HorizontalLayout;
+
+
+/**
+ * Represents a horizontal breadcrumb navigation bar
+ */
+@SuppressWarnings("java:S1948")
+@CssImport("./styles/breadcrumb.css")
+public class Breadcrumbs extends HorizontalLayout
+{
+	protected static final String DELIMITER_URL = "/";
+	
+	protected static final String BREADCRUMB_CLASS = "breadcrumb";
+	protected static final String BREADCRUMBS_CONTAINER_CLASS = "breadcrumbs-container";
+	
+	protected String homeBreadcrumbName = "Home";
+	protected BiFunction<List<String>, String, String> breadcrumbNameResolver =
+		(parts, part) -> part;
+	
+	public Breadcrumbs(final String path)
+	{
+		this();
+		this.updatePath(path);
+	}
+	
+	public Breadcrumbs()
+	{
+		this.addClassName(BREADCRUMBS_CONTAINER_CLASS);
+	}
+	
+	public Breadcrumbs withHomeBreadcrumbName(final String name)
+	{
+		this.homeBreadcrumbName = Objects.requireNonNull(name);
+		return this;
+	}
+	
+	public Breadcrumbs withBreadcrumbNameResolver(final BiFunction<List<String>, String, String> breadcrumbNameResolver)
+	{
+		this.breadcrumbNameResolver = Objects.requireNonNull(breadcrumbNameResolver);
+		return this;
+	}
+	
+	/**
+	 * Initializes the breadcrumb navigation based on the given URL path. It splits the path, creates breadcrumb items
+	 * for each part, and updates the view.
+	 *
+	 * @param path the navigation path to be represented by the breadcrumbs.
+	 */
+	public void updatePath(final String path)
+	{
+		this.updateView(
+			Stream.concat(
+				Stream.of(new Breadcrumb(this.homeBreadcrumbName, DELIMITER_URL)),
+				this.buildBreadcrumbs(Arrays.asList(path.split(DELIMITER_URL))).stream()
+			).toList()
+		);
+	}
+	
+	protected List<Breadcrumb> buildBreadcrumbs(final List<String> parts)
+	{
+		final List<String> currentPaths = new ArrayList<>();
+		
+		return parts.stream()
+			.filter(s -> !s.isEmpty())
+			.map(part -> {
+				currentPaths.add(part);
+				return new Breadcrumb(
+					this.breadcrumbNameResolver.apply(
+						// Use unmodifiable so that it can be accidentally modified by user
+						Collections.unmodifiableList(currentPaths),
+						part),
+					String.join(DELIMITER_URL, currentPaths));
+			})
+			.toList();
+	}
+	
+	/**
+	 * Updates the view with the given list of breadcrumbs. It removes all existing components and adds new anchors for
+	 * each breadcrumb.
+	 *
+	 * @param breadcrumbs the list of breadcrumbs to be displayed.
+	 */
+	protected void updateView(final List<Breadcrumb> breadcrumbs)
+	{
+		this.removeAll();
+		
+		final HorizontalLayout layout = new HorizontalLayout();
+		layout.setSpacing(false);
+		for(final Breadcrumb breadcrumb : breadcrumbs)
+		{
+			final Anchor anchor = new Anchor(breadcrumb.url(), breadcrumb.label());
+			anchor.addClassName(BREADCRUMB_CLASS);
+			
+			layout.add(anchor);
+		}
+		this.add(layout);
+	}
+	
+	public void updateFromCurrentPath()
+	{
+		this.updatePath(UI.getCurrent().getActiveViewLocation().getPath());
+	}
+	
+	protected record Breadcrumb(String label, String url)
+	{
+	}
+}
+
diff --git a/vaadin-breadcrumbs/src/main/resources/META-INF/resources/frontend/styles/breadcrumb.css b/vaadin-breadcrumbs/src/main/resources/META-INF/resources/frontend/styles/breadcrumb.css
new file mode 100644
index 0000000..b751169
--- /dev/null
+++ b/vaadin-breadcrumbs/src/main/resources/META-INF/resources/frontend/styles/breadcrumb.css
@@ -0,0 +1,47 @@
+.breadcrumbs-container {
+    display: flex;
+    position: relative;
+    padding-right: calc(var(--lumo-space-m) * 1.6);
+}
+
+.breadcrumbs-container > vaadin-horizontal-layout {
+    flex-flow: row wrap;
+}
+
+.breadcrumb:first-child {
+    padding-left: var(--lumo-space-l);
+}
+
+.breadcrumb {
+    box-shadow: calc(var(--lumo-space-s) * 0.8) 0 calc(var(--lumo-space-m) * 0.7) calc(var(--lumo-space-s) * -0.15) var(--lumo-contrast-20pct);
+    height: var(--lumo-size-l);
+    background: var(--lumo-base-color);
+    line-height: var(--lumo-size-l);
+    padding-left: var(--lumo-space-xl);
+    padding-right: var(--lumo-space-s);
+    font-size: var(--lumo-font-size-l);
+    color: var(--lumo-header-text-color);
+    position: relative;
+    cursor: pointer;
+    white-space: nowrap;
+}
+
+.breadcrumb:after {
+    content: "";
+    position: absolute;
+    left: calc(100% - var(--lumo-space-m) * 0.75);
+    top: calc(var(--lumo-space-m) * 0.4);
+    z-index: 1;
+    width: 0;
+    height: 0;
+    border: var(--lumo-space-m) solid var(--lumo-base-color);
+    border-left-color: transparent;
+    border-bottom-color: transparent;
+    box-shadow: 0 0 0 0 var(--lumo-contrast-30pct), calc(var(--lumo-space-s) * 0.5) calc(var(--lumo-space-s) * -0.5) calc(var(--lumo-space-s) * 0.8) calc(var(--lumo-space-s) * -0.4) var(--lumo-contrast-30pct);
+    transform: rotate(45deg);
+    margin-left: calc(var(--lumo-space-m) * -0.3);
+}
+
+.breadcrumb:hover {
+    text-decoration: underline;
+}