SAP Funadmentals is in maintanance mode and is deprecated. Please, consider migrating to fundamental-styles.

getting started
foundation
- Colors
- Grid
- Spacing
- Type
layouts
- Application Shell
- Page
- Section
- Panel
- Columns
components
- Action Bar
- Alert
- Asset Upload
- Button
- Breadcrumb
- Calendar
- Combobox Input
- Contextual Menu
- Date Picker
- Dropdown
- Forms
- Identifier
- Icon
- Image
- Input Group
- Inline Help
- List Group
- Link
- Loading Spinner
- Localization Editor
- Mega Menu
- Menu
- Modal
- Multi Input
- Pagination
- Popover
- Search Input
- Shellbar
- Side Navigation
- Status Indicators
- Table
- Tabs
- Tile
- Tile Grid
- Time
- Time Picker
- Token
- Toggle / Switch
- Tree
resources

Getting Started

SAP Fundamentals is a light-weight presentation layer using HTML and CSS with the following implementations under active development:Angular, React, and Vue. With Fundamentals’ library of stylesheets and HTML tags, developers can build consistent SAP apps in any web-based technology.

Current version (GitHub)

NPM

npm i fiori-fundamentals --save

CDN link

https://unpkg.com/fiori-fundamentals@/dist/fiori-fundamentals.min.css