Skip to content

stellar/stellar-design-system

Folders and files

NameName
Last commit message
Last commit date

Latest commit

quietbitsjeesunikimJeesun Kimpiyalbasukanwalpreetd
Jan 23, 2025
cdb0a95 · Jan 23, 2025

History

70 Commits
Jan 23, 2025
Jan 23, 2025
Jan 23, 2025
Jun 29, 2021
Nov 29, 2023
Jul 6, 2023
Oct 23, 2023
Jan 23, 2025
Jul 6, 2023
Jul 6, 2023
Jan 23, 2025
Feb 13, 2023
Sep 10, 2021
Oct 23, 2023
Jan 23, 2025
Jun 29, 2021
Jan 23, 2025
Jul 6, 2023
Jan 23, 2025

Stellar Design System

Components for Stellar Development Foundation’s design system.

Usage

Install as a dependency:

yarn add @stellar/design-system

Add the main CSS file to your project (for example, the main index file of your React project).

import "@stellar/design-system/build/styles.min.css";

Import Stellar Design System components

import { Button, Input } from "@stellar/design-system";

Available components can be found here.

Development

This repo has two parts to it:

This project is tested with BrowserStack.

Scripts

build:sds build Stellar Design System (sds) project only

build:sds-web build Stellar Design System Website (sds-web) project only

build build both projects

start:sds start sds project for local development

start:sds-web start sds-web project for local development

clean delete node_modules and build directories in the whole repo

Note You need to run each start command in its own window or tab.