Salesforce

Salesforce Lightning Design System (SLDS)

The Salesforce Lightning Design System (SLDS) provides HTML and CSS component blueprints, design tokens, and utility classes for building applications visually consistent with Salesforce Lightning Experience. Developers reference SLDS in Lightning Web Components, Aura components, and Visualforce pages to match Salesforce's design language without including SLDS directly, as it is automatically available in the Lightning runtime.

GitHub

Documentation

📖
Documentation
https://www.lightningdesignsystem.com/
📖
GettingStarted
https://developer.salesforce.com/docs/platform/lwc/guide/create-components-css-slds.html

SDKs

📦
GitHubRepository
https://github.com/salesforce/design-system-react

API entry from apis.yml

apis.yml Raw ↑ 
aid: salesforce:salesforce-lightning-design-system
name: Salesforce Lightning Design System (SLDS)
description: The Salesforce Lightning Design System (SLDS) provides HTML and CSS component blueprints,
  design tokens, and utility classes for building applications visually consistent with Salesforce Lightning
  Experience. Developers reference SLDS in Lightning Web Components, Aura components, and Visualforce
  pages to match Salesforce's design language without including SLDS directly, as it is automatically
  available in the Lightning runtime.
image: https://www.salesforce.com/content/dam/sfdc-docs/www/logos/logo-salesforce.svg
humanURL: https://www.lightningdesignsystem.com/
baseURL: https://www.lightningdesignsystem.com
properties:
- url: https://www.lightningdesignsystem.com/
  type: Documentation
- url: https://developer.salesforce.com/docs/platform/lwc/guide/create-components-css-slds.html
  type: GettingStarted
- url: https://github.com/salesforce/design-system-react
  type: GitHubRepository
tags:
- Components
- CSS
- Design System
- Lightning
- UI