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>- 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)
- Pick language
- TypeScript
- JavaScript
- Pick dependencies
- Prettier, clsx, etc.
- 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
| id | Template | Tool |
|---|---|---|
| nextjs | Next.js | create-next-app |
| vanilla | Vanilla | create-vite |
| react | React | create-vite |
| vue | Vue | create-vite |
| astro | Astro | create-astro |
| svelte-kit | Svelte Kit | create-svelte |
| preact | Preact | create-vite |
| solid | Solid | degit |
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>