# CSS Forge

> Design tokens for modern CSS

0 runtime design tokens generator for modern style systems.

## Table of Contents

### Guide

- [Getting started](/guide/getting-started.md): Install CSS Forge and generate your first design tokens.
- [Bundler Plugin](/guide/bundlers.md): Generate CSS Forge tokens inside Vite, webpack, Rollup, and other bundler builds.
- [Configuration](/guide/configuration.md): Understand the CSS Forge config shape and token references.
- [Using CSS Forge](/guide/usage.md): Run CSS Forge from the CLI or its programmatic API.
- [Output formats](/guide/output-formats.md): Use the generated CSS, TypeScript, JSON, and Style Dictionary outputs.
- [Style Dictionary JSON](/guide/style-dictionary.md): Generate token JSON for Style Dictionary and compatible tools.
- [Examples](/guide/examples.md): Explore CSS Forge integrations across popular frameworks.

### Design tokens

- [Colors](/tokens/colors.md): Colors configuration and generated-variable reference.
- [Spacing](/tokens/spacing.md): Spacing configuration and generated-variable reference.
- [Typography](/tokens/typography.md): Typography configuration and generated-variable reference.
- [Primitives](/tokens/primitives.md): Primitives configuration and generated-variable reference.

### For agents

- [Agent guide](/agents.md): A compact routing guide for coding agents using CSS Forge.

### Project

- [Contributing](/contributing.md): Develop CSS Forge locally and review the project roadmap.