Create Tailwind (create-tw)

The easiest way to get started with TailwindCSS.

It uses popular scaffolding scripts like create-next-app, create-vite, create-astro, or create-svelte to scaffold projects and then configures TailwindCSS to work with your project out of the box.

npx

npx create-tw@latest

# OR

npx create-tw@latest <project-name> --template <id>

yarn

yarn create tw

# OR

yearn create tw <project-name> --template <id>

pnpm

pnpm create tw

# OR

pnpm create tw <project-name> --template <id>

1. Pick project type
   • Nextjs (create-next-app)
   • Vanilla (create-vite)
   • React (create-vite)
   • Vue (create-vite)
   • Astro (create-astro)
   • Svelte (create-svelte)
   • Preact (create-vite)
   • Solid (degit)
2. Pick language
   • TypeScript
   • JavaScript
3. Pick dependencies
   • Prettier, clsx, etc.
4. Pick Plugins
   • Daisy UI, @tailwindcss/typography, etc

It's ready! ✅

Currently in very early stage of development

Ideas, suggestions and bug reports are much appreciated. In the following days I'm planning to add support for React, Vue & Svelte with Vite.

Scaffolding tools

NOTE: Add the -ts postfix to the ID to install with TypeScript

Include template id to skip input steps

npx create-tw@latest --template <id>
# OR
yarn create tw --template <id>