ScottyLabs design system
https://components.scottylabs.org
- CSS 24%
- TypeScript 22%
- Astro 21.8%
- JavaScript 12.8%
- Svelte 7.8%
- Other 11.6%
| Filename | Latest commit message | Latest commit date |
|---|---|---|
| .changeset | ||
| apps | ||
| nix | ||
| packages | ||
| .envrc | ||
| .gitattributes | ||
| .gitignore | ||
| bun.lock | ||
| bun.nix | ||
| CONTRIBUTING.md | ||
| devenv.lock | ||
| devenv.nix | ||
| devenv.yaml | ||
| LICENSE-APACHE-2.0 | ||
| LICENSE-MIT | ||
| package.json | ||
| README.md | ||
| tsconfig.json | ||
@scottylabs/components
This monorepo is ScottyLabs' design system, providing design tokens and components for React and Svelte built from a shared Figma source.
The library is split across six packages:
@scottylabs/tokensgenerates the design tokens from Figma via Terrazzo, exposing them as CSS variables and TypeScript constants with both Light and Dark mode values@scottylabs/stylescontains the pre-compiled component CSS that references those tokens, using thesl-class prefix throughout@scottylabs/variantsholds the sharedtailwind-variantsconfigurations consumed by both framework packages@scottylabs/typesholds the shared TypeScript prop types so the React and Svelte public APIs stay in lockstep@scottylabs/reactis the React component layer, built on Radix UI primitives@scottylabs/svelteis the Svelte component layer, built on Bits UI primitives
Four apps cover the publication surface:
apps/docsis the narrative documentation site, built with Astro Starlightapps/storybookis a Storybook composition host that pulls in the framework-specific Storybooks viarefsapps/storybook-reactandapps/storybook-svelteare those framework-specific Storybooks
The dev environment is devenv via ScottyLabs' shared module, and deployment runs through kennel with site declarations in devenv.nix. See CONTRIBUTING.md for setup.
This project is dual-licensed under MIT or Apache-2.0 at your option.