References

CLI Reference

You can use the Command-Line Interface (CLI) provided by Panda to develop, build, and preview your project from a terminal window.

panda init

Initialize panda in a project. This process will:

  • Create a panda.config.ts file in your project with the default settings and presets.
  • Emit css utilities for your project in the specified output directory.

Flags

--postcss, -p

Whether to emit a postcss (opens in a new tab) config file

--config, -c

Path to panda config file

Related: config

--force, -f

Whether to overwrite existing files

--silent

Whether to suppress all output


panda

Run the extract process to generate static css from your project.

Flags

--outdir

The output directory for the generated css utilities

Related: config.outdir

--minify

Whether to minify the generated css

Related: config.minify

--cwd

The current working directory

Related: config.cwd

--watch, -w

Whether to watch for changes in the project

Related: config.watch

--poll

Whether to poll for file changes.

Related: config.poll

--config

The path to the config file

Related: config

--preflight

Whether to emit the preflight or reset css

Related: config.preflight

--emitTokensOnly

Whether to only emit the tokens directory

Related: config.emitTokensOnly

--clean

Whether to clean the output directory before emitting

Related: config.clean

--hash

Whether to hash the output classnames

Related: config.hash


panda codegen

Generate a new css utilities for your project based on the configuraion file.

Flags

--clean

Whether to clean the output directory before emitting

Related: config.clean

--config, -c

Path to panda config file

Related: config

--cwd, -c

Current working directory

Related: config.cwd

--silent

Whether to suppress all output

Related: config.logLevel

panda cssgen

Generate the css from files

Flags

--clean

Whether to clean the output directory before emitting

Related: config.clean

--config, -c

Path to panda config file

Related: config

--cwd, -c

Current working directory

Related: config.cwd

--silent

Whether to suppress all output

Related: config.logLevel

panda studio

Realtime documentation for your design tokens

Flags

--build

Build

--preview

Preview

--outdir

Output directory for static files

--config, -c

Path to panda config file

Related: config

--cwd, -c

Current working directory

Related: config.cwd

panda analyze

Analyze design token usage in glob

Flags

--json [filepath]

Output analyze report in given JSON filepath.

💡

panda analyze --json report.json

--silent

Whether to suppress all output

Related: config.logLevel

--config, -c

Path to panda config file

Related: config

--cwd, -c

Current working directory

Related: config.cwd

panda debug

Debug design token extraction & css generated from files in glob

Flags

--dry

Output debug files in stdout without writing to disk

--outdir [dir]

Output directory for debug files, default to '../styled-system/debug'

--silent

Whether to suppress all output

--config, -c

Path to panda config file

Related: config

--cwd, -c

Current working directory

Related: config.cwd