Fundamental Library

Logos of the official W3C HTML5 and CSS specifications

Fundamental Library Styles

Delivers a Fiori 3 component library for building SAP user interfaces with any web technology.

Learn More about Fundamental Library Styles GitHub

Fundamental Library for Core

Provides an Angular implementation of the Core components designed in Fundamental-Styles.

Learn More about Fundamental Library for Core GitHub

Fundamental Library for Platform

Provides an Angular implementation of the Platform components designed in Fundamental-Styles.

Learn More about Fundamental Library for Platform GitHub

Fundamental Library for React

Offers a React implementation of the components designed in Fundamental Styles.

Learn More about Fundamental Library for React GitHub

Key Features

Foundational

Focuses on web standards; basic elements and simple patterns.

Modular

Revolves around self-contained components, while encapsulating styles and behaviours.

Flexible

Encompasses theming capabilities and combines basic blocks to create complex components.

Collaborative

Welcomes multiple contributors within its community and allows for fast release cycles.

More about Fundamental Library

Ensuring a consistent look and feel, while harmonizing multiple products and applications, is a demanding and expensive task. It entails rebuilding them from the ground up and accommodating them to SAP UX standards. The Fundamental Libraries grew out of a need to address just that.

Fundamentals is comprised of a set of libraries that cover the most common UI components, patterns and layouts. It offers a design system and component library that allows teams the flexibility to quickly implement consistent UX with Fiori 3, without needing to change the frontend framework or library.

Fundamentals also tackles accessibility by using the proper semantic html tags such as buttons or anchor tags. By using the right html tag, the browsers cover about 80% of the accessibility requirements and the Fundamental Libraries team aims to cover the rest. Find access to the old version of Fundamentals here.