Command Reference

Reference for all commands available in the Webflow CLI

Global Options

Global options can be used with any command.

OptionDescription
-V, --versionDisplay the installed version of the Webflow CLI.
-h, --helpDisplay help information for any command.

Authentication

auth login

Authenticates the CLI with your Webflow account.

Usage

$webflow auth login

This command opens your browser to complete authentication. For more details, see the authentication documentation.


Code Components

library share

Bundles and shares your Code Component library with a Webflow Workspace.

Usage

$webflow library share [options]

Options

OptionDescriptionDefault
--manifestPath to the webflow.json file.Scans the current directory.
--api-tokenWorkspace API token.Uses WEBFLOW_WORKSPACE_API_TOKEN from .env.
--no-inputDisables interactive prompts. Useful for CI/CD.false
--forceForces bundling to complete, even with warnings.false
--debug-bundlerDisplays final bundler configuration for debugging.false
--devBundles in development mode.false
--verboseDisplays extra information for debugging.false

Example

$# Share the library and bypass any interactive prompts
>webflow library share --no-input

library bundle

Bundles a library of Code Components locally to a dist directory. This command does not share the library to Webflow.

Usage

$webflow library bundle [options]

Options

OptionDescriptionDefault
--public-path <path>Overrides the public path for the bundle.
--output-path <path>Overrides the output path for the bundle../dist
--forceForces bundling to complete, even with warnings.false
--debug-bundlerDisplays final bundler configuration for debugging.false
--devBundles in development mode.false
--verboseDisplays extra information for debugging.false

Example

$# Bundle the library and output to a 'build' folder
>webflow library bundle --output-path ./build

library log

Displays the directory and path to the latest log file.

Usage

$webflow library log

Webflow Cloud

cloud init

Initializes a new Webflow Cloud project from a template.

Usage

$webflow cloud init [options]

Options

OptionDescription
--framework, -fThe framework to use for the project (e.g., astro).
--mount, -mThe path to mount the project on (e.g., /app).
--site-id, -sThe Webflow site ID to connect to.

Example

$# Initialize a new Astro project mounted at /app on a specific site
>webflow cloud init -f astro -m /app -s 1234567890

cloud list

Lists available project templates for cloud init.

Usage

$webflow cloud list

cloud deploy

Deploys your project to Webflow Cloud.

Usage

$webflow cloud deploy [options]

Options

OptionDescription
--env, -eThe environment name to deploy to.
--mount, -mThe path to mount the project on (e.g. /app).
--project-name, -pProject name (when deploying a new project).
--directory, -dProject directory path if not in the root (for new projects).
--description, -dProject description (when deploying a new project).
--skip-mount-path-checkSkips interactive prompts for mount path configuration.
--auto-publishPublishes the site after deployment.
Configuration for CI/CD pipelines

When used together, --env and --mount enable non-interactive deployments suitable for CI/CD pipelines. You can also use --auto-publish to publish the site after deployment so that your new environment is live.

$webflow cloud deploy -e production -m /app --auto-publish

This will deploy the project to the environment named “production” and mount it at /app, and then publish the site so that your new environment is live.


Syncs components from your Webflow site to your local project.

Usage

$webflow devlink sync [options]

Options

OptionDescription
--api-token, -tThe API token to use, overriding the .env file.
--site-id, -sThe site ID to sync from, overriding the .env file.

Example

$# Sync components using a specific site ID and token
>webflow devlink sync --site-id 1234567890 --api-token <YOUR_TOKEN>

Designer Extensions

extension list

Lists available templates for extension init.

Usage

$webflow extension list

extension init

Initializes a new Designer Extension project from a template.

Usage

$webflow extension init <project-name> <template>

Arguments

ArgumentDescription
project-nameThe name of your new project directory.
templateThe template to use: ‘default’, ‘react’ or ‘typescript-alt’.

Example

$# Initialize a new React-based extension in a 'my-new-extension' folder
>webflow extension init my-new-extension react

extension bundle

Bundles your Designer Extension into a bundle.zip file for upload.

Usage

$webflow extension bundle

extension serve

Serves your Designer Extension on a local development server.

Usage

$webflow extension serve [port]

Arguments

ArgumentDescriptionDefault
portThe port to serve the project on.1337