SAP/fundamental-styles

SAP Design System component library for building SAP user interfaces with any web technology.

About the project

Fundamental Library Styles is a framework-independent CSS component library for creating SAP web interfaces with reusable styles and components. Developers can use it with Angular, React, Vue, or plain HTML to build consistent SAP applications and apply supported visual themes.

This repository also configures its own agents. See what fundamental-styles tells them →

236Stars on the repository
16Mods indexed here, across every type
2d agoLast push, which is what freshness is scored on
Apache-2.0Licence, which decides whether bodies are shown

bem-naming

01

SAP/fundamental-styles

Skill Claude CodeCodex ✓ vendor

BEM (Block Element Modifier) methodology and naming conventions used in fundamental-styles with real examples.

not rated 236 2d ago A SkillSpector: pass 23 tokens original Apache-2.0

SAP/fundamental-styles

Skill Claude CodeCodex ✓ vendor

How to combine fundamental-styles components correctly - required wrappers, nesting rules, and common composition patterns.

not rated 236 2d ago A SkillSpector: warn 23 tokens original Apache-2.0

component-docs

03

SAP/fundamental-styles

Skill Claude CodeCodex ✓ vendor

Browse fundamental-styles component documentation with complete HTML examples from 140+ auto-generated markdown files. Use this when the user asks about component examples, modifiers, variants, HTML structure, or wants to see working code for any fundamental-styles component (button, table, input, dialog, etc.). Also…

not rated 236 2d ago A SkillSpector: pass 83 tokens original Apache-2.0

SAP/fundamental-styles

Skill Claude CodeCodex ✓ vendor

Fiori guidelines for action components Button, Product Switch (App Launcher), User Menu, Scrollbar.

not rated 236 2d ago A SkillSpector: pass 24 tokens original Apache-2.0

SAP/fundamental-styles

Skill Claude CodeCodex ✓ vendor

Fiori guidelines for data display components such as Table, List, Tree, Avatar, Calendar, Icons, etc.

not rated 236 2d ago A SkillSpector: pass 27 tokens original Apache-2.0

SAP/fundamental-styles

Skill Claude CodeCodex ✓ vendor

Fiori guidelines for feedback components such as Message Strip, Notification, Dialog, Progress Indicator, etc.

not rated 236 2d ago A SkillSpector: pass 24 tokens original Apache-2.0

SAP/fundamental-styles

Skill Claude CodeCodex ✓ vendor

Fiori guidelines for form controls and input components such as Checkbox, Input, Select, Textarea, Date Picker, etc.

not rated 236 2d ago A SkillSpector: warn 30 tokens original Apache-2.0

SAP/fundamental-styles

Skill Claude CodeCodex ✓ vendor

Fiori guidelines for layout structures such as Card, Panel, Dynamic Page, Flexible Column Layout, etc.

not rated 236 2d ago A SkillSpector: pass 25 tokens original Apache-2.0

SAP/fundamental-styles

Skill Claude CodeCodex ✓ vendor

Fiori guidelines for navigation components such as Breadcrumb, Menu, Link, Shellbar, Vertical Navigation, etc.

not rated 236 2d ago A SkillSpector: pass 26 tokens original Apache-2.0

content-density

10

SAP/fundamental-styles

Skill Claude CodeCodex ✓ vendor

Guide to cozy, compact, and condensed modes - when to use each density, how to apply them, and device-specific recommendations.

not rated 236 2d ago A SkillSpector: warn 28 tokens original Apache-2.0

layout-patterns

11

SAP/fundamental-styles

Skill Claude CodeCodex ✓ vendor

Common UI layout patterns using fundamental-styles - login forms, dashboards, master-detail, wizards, and more.

not rated 236 2d ago A SkillSpector: warn 26 tokens original Apache-2.0

At most 3 mods per repository are shown here, and a mod shipped inside a plugin is left to that plugin's page — the rest are on their repository pages: