sistent

Sistent Design System

The Sistent Design System from Layer5 provides the open source building blocks to design and implement consistent, accessible, and delightful product experiences.

Packages

Design System components in React, usually built with Vite.

List of npm packages:

• @layer5/sistent-components
• @layer5/sistent-svg

Brand

• Layer5 Brand Guide (PDF)
• Layer5 Logos (more assets available in shared Community drive).

Packages

• Design System components in React.js

Prerequisites

Before you begin, ensure you have the following installed on your system:

• Node.js
• Yarn

How to get started

Use corepack enable to go ahead and install yarn.

1. Install yarn@3.6.3
2. Use yarn to install dependencies from the root of this project.

 

Installation

To set up the project, run the following command to install dependencies:

setup:
	yarn install

To build the project, you can use the following command:

build: install
	yarn run build-all

To check if your code meets the formatting standards, you can run:

format-check:
	yarn run format:check

To automatically fix formatting issues, you can run

format-fix:
	yarn run format:write

Join the Layer5 community!

Our projects are community-built and welcome collaboration. 👍 Be sure to see the Layer5 Community Welcome Guide for a tour of resources available to you and jump into our Slack!

Find your MeshMate

MeshMates are experienced Layer5 community members, who will help you learn your way around, discover live projects and expand your community network. Become a Meshtee today!

Find out more on the Layer5 community.

 

</a>

✔️ Join any or all of the weekly meetings on community calendar.
✔️ Watch community meeting recordings.
✔️ Access the Community Drive by completing a community Member Form.
✔️ Discuss in the Community Forum.
✔️Explore more in the Community Handbook.

Not sure where to start? Grab an open issue with the help-wanted label.

This site is open source. Improve this page.