@salesforce-ux/design-system 2.24.2 • Public • Published 25 days ago
Salesforce Lightning Design System
Welcome to the Salesforce Lightning Design System brought to you by Salesforce UX .
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.
Salesforce Lightning Design System web site
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/
Versions Current Tags Version History Version
Downloads (Last 7 Days) 2.25.0-alpha.1
8
2.24.2
4,097
2.24.1
18
2.24.0
5
2.24.0-rc.1
1
2.24.0-beta.1
1
2.23.2
2,376
2.24.0-alpha.3
1
2.24.0-alpha.2
1
2.23.1
198
2.23.0-fix
1
2.24.0-alpha.1
1
2.23.0
119
2.23.0-beta.1
1
2.22.2
2,887
2.22.1
1
2.23.0-alpha.5
1
2.23.0-alpha.4
1
2.23.0-alpha.3
1
2.23.0-alpha.2
1
2.23.0-alpha.1
1
2.22.0
399
2.22.0-rc.1
1
2.21.5
886
2.21.4-fix
1
2.21.4
7
2.22.0-beta.1
2
2.21.3
216
2.21.2-fix
66
2.21.2
1,712
2.22.0-alpha.2
0
2.21.1
2,765
2.22.0-alpha.1
0
2.21.0
19
2.21.0-rc.1
0
2.21.0-beta.2
0
2.21.0-beta.1
0
2.21.0-alpha.2
0
2.21.0-alpha.1
0
2.20.1
1,460
2.20.0
0
2.20.0-rc.1
0
2.20.0-beta.1
0
2.20.0-alpha.2
0
2.19.0
237
2.19.0-beta.1.1
0
2.19.0-beta.1
0
2.19.0-alpha.2
0
2.18.1
480
2.18.0
370
2.18.0-beta.2
0
2.18.0-beta.1
0
2.18.0-alpha.2
0
2.18.0-alpha.1
0
2.17.5
442
2.17.4
21
2.17.3
0
2.17.2
0
2.17.1
8
2.17.0
0
2.17.0-rc.2
0
2.17.0-rc.1
1
2.17.0-beta.1
0
2.17.0-alpha.6
0
2.17.0-alpha.5
0
2.17.0-alpha.3
0
2.16.2
2,176
2.17.0-alpha.2
0
2.16.1
90
2.17.0-alpha.1
0
2.16.0
0
2.16.0-rc.1
0
2.15.9
102
2.16.0-beta.2
0
2.16.0-beta.1
0
2.16.0-alpha.5
0
2.16.0-alpha.4
0
2.16.0-alpha.3
0
2.15.8
340
2.16.0-alpha.2
0
2.15.7
13
2.15.6
4
2.15.5
0
2.16.0-alpha.1
0
2.15.4
0
2.15.3
0
2.15.2
0
2.15.1
0
2.15.0
0
2.15.0-beta.1
0
2.15.0-alpha.6
0
2.14.3
860
2.15.0-alpha.5
0
2.15.0-alpha.4
0
2.15.0-alpha.3
0
2.14.2
586
2.15.0-alpha.2
0
2.15.0-alpha.1
0
2.14.1
300
2.14.0
0
2.14.0-rc.3
0
2.14.0-rc.2
0
2.14.0-rc.1
2
2.14.0-beta.2
0
2.14.0-beta.1
0
2.13.7
1,381
2.14.0-alpha.2
0
2.13.6
0
2.9.5
7
2.13.5
3
2.13.3
0
2.13.2
0
2.13.1
104
2.13.0
0
2.13.0-beta.1
0
2.13.0-alpha.6
0
2.13.0-alpha.5
0
2.13.0-alpha.4
0
2.13.0-alpha.3
0
2.13.0-alpha.2
0
2.12.2
1,557
2.12.1
28
2.13.0-alpha.1
0
2.12.0
0
2.11.9
14
2.12.0-rc.3
0
2.12.0-rc.2
0
2.11.8
0
2.12.0-rc.1
0
2.11.7
153
2.12.0-beta.4
0
3.0.0-alpha.12
0
2.12.0-beta.3
0
2.12.0-beta.2
0
2.11.6
63
2.12.0-beta.1
0
2.11.5
0
2.12.0-alpha.3
0
2.11.4
0
2.11.3
3
2.12.0-alpha.2
0
3.0.0-alpha.11
1
2.12.0-alpha.1
0
2.11.2
0
2.11.1
0
2.11.0
6
3.0.0-alpha.10
0
3.0.0-alpha.9
0
2.11.0-beta.1
59
2.10.2
170
3.0.0-alpha.8
0
2.10.1
0
2.11.0-alpha.4
0
2.11.0-alpha.3
0
3.0.0-alpha.7
0
3.0.0-alpha.6
0
2.11.0-alpha.1
0
2.10.0
6
2.10.0-rc.2
1
2.10.0-rc.1
2,110
3.0.0-alpha-5
0
2.9.4
20
3.0.0-alpha.4
0
2.10.0-alpha.3
0
2.10.0-alpha.2
0
3.0.0-alpha.3
0
2.9.3
5
3.0.0-alpha.2
0
3.0.0-alpha.1
0
2.10.0-alpha.1
0
2.9.2
215
2.9.1
0
2.9.0
0
2.9.0-beta.3
0
3.0.1-dev
5
2.9.0-beta.2
0
2.9.0-beta.1
0
2.9.0-alpha.6
0
2.9.0-alpha.5
0
2.9.0-alpha.4
0
3.0.0-dev
0
2.9.0-dev
0
2.8.3
549
2.8.2
0
2.8.1
143
2.8.0
21
2.7.5
4
2.7.4
1,092
2.7.2
131
2.7.1
7
2.7.0
0
2.6.2
21
2.6.1
3
2.6.0
256
2.6.0-alpha
0
2.5.2
180
2.5.0
0
2.5.0-alpha.11
4
2.4.5
0
2.4.4
18
2.4.3
63
2.4.2
0
2.4.1
0
2.4.0-rc.3
0
2.3.1
859
2.3.0
294
2.2.2
188
2.2.1
197
2.2.0
0
2.1.4
0
2.1.3
69
2.1.2
1,126
2.0.3
0
2.0.2
49
2.0.1
0
2.0.0
0
1.0.5
0
1.0.4
0
1.0.3
375
1.0.2
0
1.0.1
0
1.0.0
30
0.12.2
0
0.12.1
0
0.12.0
0
0.11.0
0
0.10.1
0
0.10.0
0
0.9.2
0
0.9.1
0
0.9.0
0
Package Sidebar Install npm i @salesforce-ux/design-system
Downloads Weekly Downloads