https://github.com/sl-design-system/components

SL Design System
https://github.com/sl-design-system/components

design-system figma web-components

Last synced: about 1 month ago
JSON representation

SL Design System

• Host: GitHub
• URL: https://github.com/sl-design-system/components
• Owner: sl-design-system
• License: apache-2.0
• Created: 2022-08-26T08:43:15.000Z (almost 4 years ago)
• Default Branch: main
• Last Pushed: 2026-04-09T11:04:41.000Z (2 months ago)
• Last Synced: 2026-04-09T11:27:17.418Z (2 months ago)
• Topics: design-system, figma, web-components
• Language: TypeScript
• Homepage: https://sanomalearning.design/
• Size: 43.8 MB
• Stars: 63
• Watchers: 4
• Forks: 6
• Open Issues: 602
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE
  • Codeowners: CODEOWNERS

Awesome Lists containing this project

README

          
# Sanoma Learning Design System

A design system with web components for the various products of Sanoma Learning.

## Getting started

- Ensure you have the LTS version of Node.js installed (see https://nodejs.org/en/)

- Ensure if you are using Windows to use the Windows Subsystem for Linux (WSL)

- Run `yarn` in the root of the project for all the dependencies to download & install

### Local development

To launch a local version of the Storybook deploy (runs all storybooks at the same time):

- `yarn start --watch`

You don't need to run a separate `yarn build --watch` to build the components separately.

### Website

To run the documentation website locally, run `yarn workspace @sl-design-system/website start:site` from the project root.

## Thanks



Thanks to [Chromatic](https://www.chromatic.com/) for providing the visual testing platform that helps us review UI changes and catch visual regressions.

[![Chromatic](https://github.com/sl-design-system/components/actions/workflows/chromatic.yml/badge.svg)](https://github.com/sl-design-system/components/actions/workflows/chromatic.yml)