Fundamental Library - An open source and community driven project to provide a consistent user interface across web applications.

Fundamental Library

Fundamental Library Styles

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

Fundamental Library for Angular

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

Fundamental Library for React

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

Fundamental Library for Vue

Supplies a Vue implementation of the components designed in Fundamental Styles.

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.

Design

Our UI Kit bundle includes ready-to-use, state-of-the-art drafts of SAP layouts, patterns and components in Sketch. You are welcome to use the UI kit to visualize your SAP app. They are easy to use and will provide a realistic impression of your final designs.

What's in the UI Kit bundle?

Sketch UI Kit v0.10.0

Our Sketch file has over 30 unique, refined, and streamlined components to empower anyone using Fundamental Library with the ability to quickly and efficiently build Fiori 3 interfaces.

72 Font

SAP 72 font family was designed from the ground up and made it possible to meet SAP's typographic requirements, including - Legibility Enhancements, Font Styles, Brand Voice, Character Set and Language Support.

Icon Font

SAP icons have been created with a friendly, yet elegant style that is consistent in terms of size, stroke and balance. The icons are tailored for simple and direct user interaction, using metaphors that are easy to understand.

Learn more

Blog Post

Integrating SAP Apps from a UX POV: About Fundamental Library and UI5 Web Components April 10, 2020

Integrating SAP Apps from a UX POV: About Fundamental Library and UI5 Web Components

blog

Blog Post

Blog Post

Testimonials

Learn about what other companies have to say about their experience with Fundamental Library.

Have an experience you'd like to share?  Add your company's testimonial.

Community

Join our vibrant community of developers and help drive the Fundamental Libraries forward! Take part in the conversation via our various channels.