@flinttrade/design-system

Shared FlintTrade design tokens, brand primitives, layer scale, motion contracts, and React UI components.

Part of FlintTrade — the open-source self-hosted trading software monorepo built with Python, React, TypeScript, and Rust.

Language: TypeScript + React 19

Public surfaceCopy Anchor Link

• src/index.ts — public design-system exports
• src/brand/index.ts — logo and brand primitives
• src/layers.ts — shared overlay stacking contract
• src/tokens.css — Tailwind v4 design tokens

(See the source for the full surface.)

InstallCopy Anchor Link

This package is part of the FlintTrade monorepo. Install via the workspace from the repo root:

pnpm install

If you only want to use the package in isolation, the package's pyproject.toml, Cargo.toml, or package.json lists its dependencies. The supported path is the root workspace.

TestsCopy Anchor Link

cd packages/core/design-system
npx tsc --noEmit

Run one command per line. They work unchanged in bash, zsh and Windows PowerShell — do not join them with &&, which Windows PowerShell 5.1 does not support.

For the full test matrix, see the contributor guide at docs/DEVELOPER_GUIDE.md.

How this fits inCopy Anchor Link

This package's role in the wider FlintTrade architecture is documented in docs/ARCHITECTURE.md. For end-user features it powers, see docs/USER_GUIDE.md.

ContributingCopy Anchor Link

Contributions welcome. Please read contributing.md at the repo root before opening a pull request.

LicenseCopy Anchor Link

AGPL-3.0 — same as the parent repository. See LICENSE for the full text.