/create-tw

CLI to scaffold tailwindcss-ready projects

Primary LanguageTypeScriptMIT LicenseMIT

image

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

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>