Skip to content

Lightning Design System vs Shine CSS Framework

A side-by-side look at Lightning Design System and Shine CSS Framework. For an in-depth review of either product, follow the links below.

Lightning Design System

Lightning Design System

Development

Lightning Design System (LDS) is an open-source component library that allows developers to build consistent, accessible web interfaces for Salesforce products. It provides a collection of reusable components like buttons, forms, navigation, etc. as well as CSS frameworks, JavaScript, design guidelines, and other resources.

design-systemcomponentssalesforce
Shine CSS Framework

Shine CSS Framework

Development

Shine is an open-source CSS framework that provides basic styling for building responsive web pages. It includes a 12-column grid system, CSS resets, typography, forms, buttons, navigation and more. Shine aims to provide a lightweight starting point for web design.

cssframeworkresponsivegridtypographyformsbuttonsnavigation