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.tsfile in your project with the default settings and presets. - Emit css utilities for your project in the specified
outputdirectory.
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