https://github.com/salesforce-ux/design-system

Salesforce Lightning Design System
https://github.com/salesforce-ux/design-system

css design-systems html salesforce-lightning

Last synced: 14 days ago
JSON representation

Salesforce Lightning Design System

• Host: GitHub
• URL: https://github.com/salesforce-ux/design-system
• Owner: salesforce-ux
• License: other
• Created: 2015-09-01T19:35:26.000Z (about 9 years ago)
• Default Branch: main
• Last Pushed: 2024-06-24T07:49:03.000Z (5 months ago)
• Last Synced: 2024-10-15T13:41:05.407Z (28 days ago)
• Topics: css, design-systems, html, salesforce-lightning
• Language: JavaScript
• Homepage: https://www.lightningdesignsystem.com
• Size: 48.6 MB
• Stars: 3,564
• Watchers: 186
• Forks: 821
• Open Issues: 34
• Metadata Files:
  • Readme: README-dist.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE-icons-images.txt
  • Codeowners: CODEOWNERS

Awesome Lists containing this project

• jimsghstars - salesforce-ux/design-system - Salesforce Lightning Design System (JavaScript)

README

        
# Salesforce Lightning Design System

Welcome to the [Salesforce Lightning Design System](https://www.lightningdesignsystem.com) brought to you by [Salesforce UX](https://twitter.com/salesforceux).

* Tailored for building Salesforce apps: Using the Lightning Design System markup and CSS framework results in UIs that reflect the Salesforce Lightning look and feel.

* Continuously updated: As long as you’re using the latest version of the Lightning Design System, your pages are always up to date with Salesforce UI changes.

## Documentation

[Salesforce Lightning Design System web site](https://www.lightningdesignsystem.com)

## Contents

* assets/

  - icons/ - PNG, SVG and SVG spritemap versions of icons

  - images/ - including spinners

  - styles/

    - salesforce-lightning-design-system.css (regular CSS — which should not be used within a component that already has access to the SLDS CSS within the platform — please use the scoping tool mentioned below)

    - salesforce-lightning-design-system.min.css (minified CSS)

* design-tokens/dist/ - the Design Tokens, usable in all formats

* scss/ - the Sass source for the Lightning Design System CSS

* swatches/

  - salesforce-lightning-design-system.clr - adobe and ios swatch formats, respectively. See [https://helpx.adobe.com/photoshop/using/customizing-color-pickers-swatches.html](https://helpx.adobe.com/photoshop/using/customizing-color-pickers-swatches.html)

## Licenses

* Source code is licensed under [BSD 3-Clause](https://git.io/sfdc-license)

* All icons and images are licensed under [Creative Commons Attribution-NoDerivatives 4.0](https://github.com/salesforce-ux/licenses/blob/master/LICENSE-icons-images.txt)