Strum Design

A React component and style system made with Vanilla Extract.

Getting Started

See strum.design for details on how to use Strum.

Changelog

See the @strum/react changelog

Development

Project Monorepo

This project uses Turborepo, and is broken up into the following workspaces:

• docs: a Next.js app for documenting the design system (maps to strum.design)
• @strum/eslint-config: eslint configurations (includes eslint-config-next and eslint-config-prettier)
• @strum/react: the main component library and Vanilla Extract styles
• @strum/tsconfig: tsconfig.jsons used throughout the monorepo

Build

To build all apps and packages, run the following command:

cd strum
pnpm build

Develop

To develop all apps and packages, run the following command:

cd strum
pnpm dev

Test

To run the jest suite:

cd strum
pnpm test