Name		Name	Last commit message	Last commit date
.claude/skills		.claude/skills
.github/workflows		.github/workflows
.husky		.husky
.storybook		.storybook
public		public
src		src
.editorconfig		.editorconfig
.eslintignore		.eslintignore
.eslintrc.js		.eslintrc.js
.gitignore		.gitignore
.mcp.json		.mcp.json
.npmrc		.npmrc
.nvmrc		.nvmrc
.prettierignore		.prettierignore
.prettierrc.json		.prettierrc.json
.yarnrc		.yarnrc
CHANGELOG.md		CHANGELOG.md
CLAUDE.md		CLAUDE.md
LICENSE.md		LICENSE.md
README.md		README.md
degit.json		degit.json
package.json		package.json
pnpm-lock.yaml		pnpm-lock.yaml
prepare.js		prepare.js
tsconfig.json		tsconfig.json
tsup.config.ts		tsup.config.ts
vite.config.ts		vite.config.ts
vitest.shims.d.ts		vitest.shims.d.ts
vitest.workspace.ts		vitest.workspace.ts

Repository files navigation

Tetra

Style guide and UI components for Chromatic's docs and marketing sites. https://tetra.chromatic.com

Install

pnpm add @chromatic-com/tetra

Developing

Watch and rebuild code with tsup and runs Storybook to preview your UI during development.

pnpm run storybook

Building

Build package with tsup for production.

pnpm run build

About

Style Guide + UI Library for Chromatic and Storybook marketing sites

tetra.chromatic.com

Custom properties

7 stars

3 watching

Report repository

Releases

Used by

Contributors

Languages