create-webflow-extension

Create Webflow Extension

Scaffold a new Webflow Designer Extension project with a built-in template.

Usage

npx create-webflow-extension@latest

Follow the interactive prompts to configure your project accordingly.

Options

Usage: create-webflow-extension [name] [options]

Arguments:
  name                        Project name

Options:
  -V, --version               Output the version number
  -n, --name <name>           Project name
  --pm <manager>              Package manager (pnpm, npm, yarn, bun)
  -l, --linter <linter>       Linter and formatter (oxlint, biome, eslint)
  --sg, --skip-git            Skip initializing a git repository
  --si, --skip-install        Skip installing dependencies
  -q, --quiet                 Suppress interactive prompts and visual output
  -h, --help                  Display help

Examples

Interactive mode:

npx create-webflow-extension

With project name:

npx create-webflow-extension my-extension

Non-interactive with all options:

npx create-webflow-extension my-extension --pm pnpm --linter oxlint --quiet

Skip dependency installation:

npx create-webflow-extension my-extension --skip-install

What's included

The generated project includes:

• React 19 with TypeScript
• Rspack for fast Rust-based bundling
• Custom hooks for the Designer API
• Configurable linting and formatting via Ultracite (Oxlint + Oxfmt, Biome, or ESLint + Prettier + Stylelint)
• Ready-to-use project structure

Resources

• Designer Extensions documentation
• Designer APIs reference
• Webflow Apps UI Kit (Figma)

Contributing

Contributions are welcome! Please read our Contributing Guide for more information.

License

MIT License

Author

Ben Sabic at Flash Brew Digital