Frontend Kit

Current release: 5.0.0

The Frontend Kit is part of the Bosch Digital Design System. It is a pattern library implemented in HTML, CSS and JS which can be used in Web Frontend projects.

Feature requests and bug reports about the Frontend Kit, can be submitted directly to the digital expert team via Jira. Please check the process with more details.

What is the Frontend-Kit

The Frontend Kit was created for web development projects, that develop a website or web application and are based on the design specified in the Bosch Brand Guide. It is a collection of all core components of the Bosch Bosch UI Kit, which can be used for various projects, e.g.:

Static Sites
Sites which are built with a Content Management System like First Spirit
Single Page Application

Ensure that the product is not used in countries subject to US embargo and shall not be used from countries subject to US embargo.

Please check the terms and conditions

Documentation

Changelog

Application area

The Frontend Kit was created for web development projects, that create a website or web application and are based on the design specified in the Bosch Brand Guide. Please note that currently, there is no Frontend Kit for native apps, though usage in Hybrid Apps might still be possible.

Multi brand capabilities

All components and the used typography is fully multi brand capable. To explore this, the brand can be switched in the upper right corner of the header.

Light and Dark Mode

All components are available in light and dark mode. The usage of dark mode is not mandatory.

Based on Atomic CSS

Basics are the unique styles defining the Frontend Kit.

Atoms are the smallest building blocks.

Molecules are two or more atoms group together.

Organisms are groups of molecules and/or atoms.