ScottyLabs design system
https://components.scottylabs.org
- TypeScript 31.3%
- CSS 22.9%
- Astro 22.4%
- Svelte 8%
- MDX 6%
- Other 9.4%
| Filename | Latest commit message | Latest commit date |
|---|---|---|
|
|
||
| .changeset | ||
| .forgejo/workflows | ||
| apps | ||
| packages | ||
| .gitattributes | ||
| .gitignore | ||
| CONTRIBUTING.md | ||
| deno.json | ||
| deno.lock | ||
| flake.lock | ||
| flake.nix | ||
| 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 comes from the ScottyLabs kennel flake module, and kennel deploys the sites declared in flake.nix. See CONTRIBUTING.md for setup.
This project is dual-licensed under MIT or Apache-2.0 at your option.