ScottyLabs design system https://components.scottylabs.org
  • TypeScript 31.3%
  • CSS 22.9%
  • Astro 22.4%
  • Svelte 8%
  • MDX 6%
  • Other 9.4%
Find a file
Repository files (latest commit first)
Filename Latest commit message Latest commit date
Anish Pallati d68cdb5e39
Some checks are pending
nixbot/nix-eval waiting for evaluation
CI / checks-1 (push) Successful in 16s
CI / checks (push) Successful in 0s
chore: update kennel
Signed-off-by: Anish Pallati <i@anish.land>
2026-11-10 17:27:26 -05:00
.changeset refactor: migrate from bun to deno and the kennel flake module 2026-11-07 22:57:56 -05:00
.forgejo/workflows refactor: migrate from bun to deno and the kennel flake module 2026-11-07 22:57:56 -05:00
apps refactor: migrate from bun to deno and the kennel flake module 2026-11-07 22:57:56 -05:00
packages chore: update kennel 2026-11-10 17:27:26 -05:00
.gitattributes refactor: migrate from bun to deno and the kennel flake module 2026-11-07 22:57:56 -05:00
.gitignore refactor: migrate from bun to deno and the kennel flake module 2026-11-07 22:57:56 -05:00
CONTRIBUTING.md docs: update kennel docs links 2026-11-08 07:48:14 -05:00
deno.json refactor: migrate from bun to deno and the kennel flake module 2026-11-07 22:57:56 -05:00
deno.lock refactor: migrate from bun to deno and the kennel flake module 2026-11-07 22:57:56 -05:00
flake.lock chore: update kennel 2026-11-10 17:27:26 -05:00
flake.nix refactor: migrate from bun to deno and the kennel flake module 2026-11-07 22:57:56 -05:00
LICENSE-APACHE-2.0 chore: initial commit 2026-05-13 17:29:16 -04:00
LICENSE-MIT chore: initial commit 2026-05-13 17:29:16 -04:00
package.json refactor: migrate from bun to deno and the kennel flake module 2026-11-07 22:57:56 -05:00
README.md refactor: migrate from bun to deno and the kennel flake module 2026-11-07 22:57:56 -05:00
tsconfig.json refactor: migrate from bun to deno and the kennel flake module 2026-11-07 22:57:56 -05:00

@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/tokens generates the design tokens from Figma via Terrazzo, exposing them as CSS variables and TypeScript constants with both Light and Dark mode values
  • @scottylabs/styles contains the pre-compiled component CSS that references those tokens, using the sl- class prefix throughout
  • @scottylabs/variants holds the shared tailwind-variants configurations consumed by both framework packages
  • @scottylabs/types holds the shared TypeScript prop types so the React and Svelte public APIs stay in lockstep
  • @scottylabs/react is the React component layer, built on Radix UI primitives
  • @scottylabs/svelte is the Svelte component layer, built on Bits UI primitives

Four apps cover the publication surface:

  • apps/docs is the narrative documentation site, built with Astro Starlight
  • apps/storybook is a Storybook composition host that pulls in the framework-specific Storybooks via refs
  • apps/storybook-react and apps/storybook-svelte are 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.