About this project
DB UI Elements is a library of style-conformant UI components for Deutsche Bahn web frontends, built on native Web Standards using StencilJS. It is designed to work with any web framework — Angular, React, Vue — or without one at all.
Key characteristics described in the README:
- Framework agnostic: built on Web Components, so custom elements behave like standard HTML elements in any framework or plain JavaScript.
- Compliant with Deutsche Bahn UI/UX guidelines, with styling separated from implementation.
- Multi-tenant: supports different tenant styles (Regular / DB UX Design System Generation 2, and Enterprise), and multiple styles can be used in one application by switching configuration. Style is provided by DB UI Core.
- Accessible: leverages Web Components standards.
- Lightweight: implemented with StencilJS to minimize overhead.
- Open and free to use under the Apache 2.0 license, community driven, with contributions welcome.
The README includes framework showcases for React (CRA), Angular 18, and Vue, plus a detailed "how to consume" guide for vanilla JavaScript and frameworks.
Important status note: the project has been superseded by DB UX Design System v3 (core-web). New projects are strongly recommended to build on v3. This generation will receive no new features, only bug fixes until end of life at the end of 2026.
Brand usage: Deutsche Bahn brand and trademarks are subject to separate guidelines and restrictions; for use outside Deutsche Bahn websites and applications, brand and design assets such as db_logo.svg must be removed or replaced. A neutral theme is mentioned as planned.
License: Apache-2.0, Copyright 2024 by DB Systel GmbH.
Comments
0 Rating appears after 10 ratings
Sign in to join the discussion.