CLI
This guide provides step-by-step instructions for installing Hummingbird using the CLI. It covers scaffolding and initial setup to get started quickly.
Create Hummingbird App
The Hummingbird CLI is a fast and flexible tool to quickly scaffold a new starter project using Hummingbird and Tailwind CSS. It provides interactive prompts or flags to customize the setup and create a ready-to-use project in seconds.
Installation
npx create-hummingbird-app@latest [project-name] [options]Basic usage
If you run the CLI without flags, it will guide you step-by-step:
npx create-hummingbird-appYou will be prompted to:
- Enter your project name
- Choose your preferred Tailwind CSS setup method
- Choose JavaScript or TypeScript
You can also specify a folder name:
npx create-hummingbird-app my-appSkip all prompts -y, --yes
Use defaults and setup the template instantly.
## installs default JavaScript template (vite-js)
npx create-hummingbird-app --yes
## installs default TypeScript template (vite-ts)
npx create-hummingbird-app --yes --tsSpecify a project directory:
npx create-hummingbird-app my-app --yesChoose a template directly -t, --template <name>
This bypasses all template-related prompts.
## choose a full explicit template
npx create-hummingbird-app --template vite-ts
## or choose a shorthand (CLI auto-detects JS/TS)
npx create-hummingbird-app -t vite
## shorthand + TypeScript
npx create-hummingbird-app -t vite --tsSpecify a directory as well:
npx create-hummingbird-app -t vite-ts my-appForce TypeScript --ts
If you want TypeScript but still want interactive mode:
npx create-hummingbird-app --tsCombine with a project directory:
npx create-hummingbird-app my-app --tsFull help and reference -h, --help
Show help information, including all available flags and usage examples.
npx create-hummingbird-app --helpThis will output like this:
Usage: create-hummingbird-app [options] [project-name]
Arguments:
project-name optional project name
Options:
-V, --version output the version number
-y, --yes skip all prompts and use defaults
-t, --template <template> select template (vite-ts, vite-js, postcss-ts, postcss-js)
--ts force typescript template
-h, --help display help for commandTemplate Matrix
The following templates are available:
| Template Name | Build Tool | CLI Example |
|---|---|---|
vite-js | Vite + Vanilla JS | -t vite or -t vite-js |
vite-ts | Vite + Vanilla JS (TypeScript) | -t vite --ts or -t vite-ts |
postcss-js | PostCSS | -t postcss or -t postcss-js |
postcss-ts | PostCSS (TypeScript) | -t postcss --ts or -t postcss-ts |
CLI Options
| Option | Alias | Description | Example |
|---|---|---|---|
--yes | -y | Skip all prompts and use default settings | npx create-hummingbird-app --yes |
--template <name> | -t <name> | Select a specific template (supports shorthand or full name) | -t vite, -t vite-ts, -t vite --ts |
--ts | โ | Force TypeScript variant (when using shorthand templates or prompts) | npx create-hummingbird-app --ts |
<project-name> | โ | Optional project folder name | npx create-hummingbird-app my-app |
--version | -V | Show the CLI version | npx create-hummingbird-app -V |
--help | -h | Show help information | npx create-hummingbird-app -h |