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

Work with this as data

Every API here is available over the APIs.io API and to AI agents over MCP.

MCP server

One button, every client — Claude, Cursor, VS Code and the rest.

https://apis.io/mcp

Tools for apis

7 MCP tools reach this
  • find_apisBrowse and filter every API in the catalog.
  • get_api_artifactsOne API's artifacts, grouped by type.
  • get_openapiThe primary OpenAPI for this API.
  • find_similar_apisAPIs that look like this one.
  • apis_io_searchSTART HERE — APIs, providers and tags for one query, each with its total.
  • resolveTurn a domain, URL or GitHub org into the provider it belongs to.
  • find_cohortsEvery scored population of providers in the catalog.
All 92 tools →

Call it yourself

curl for this page
This API 
curl "https://apis.io/api/v1/apis/salesforce-lightning-design-system"
All apis 
curl "https://apis.io/api/v1/apis?limit=25"

Discovery needs no key. Ratings and market analysis are Pro.

Get an API key

Free tier, no form to fill in. Signing in shares your email address with us — we store it to create your key and to recognise you if you sign in with another provider. See our Privacy Policy and Terms.

GitHub Google LinkedIn

A second provider on the same verified email joins the account you already have.

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