create-tw
- Purpose: Simplifies the initial setup of TailwindCSS by scaffolding projects with popular tools and pre-configuring TailwindCSS to work immediately.
- Target Audience: Developers looking to quickly start projects with TailwindCSS across various frameworks.
- Key Features:
- Supports multiple frameworks/tools including Next.js, Vite (React/Vue/Preact/Vanilla), Astro, Svelte Kit (via
create-svelte
), and Solid (viadegit
). - Offers TypeScript/JavaScript language options.
- Optional dependencies (e.g., Prettier, clsx) and plugins (e.g., Daisy UI, Tailwind Typography).
- Template IDs (e.g.,
nextjs
,svelte-kit
) allow skipping interactive steps.
- Supports multiple frameworks/tools including Next.js, Vite (React/Vue/Preact/Vanilla), Astro, Svelte Kit (via
- Current State: Early development stage, with plans to expand framework support (React, Vue, Svelte with Vite). Feedback is encouraged.
Supported Frameworks/Tools:
Template | Tool |
---|---|
Next.js | create-next-app |
Vanilla/React/Vue/Preact | create-vite |
Astro | create-astro |
Svelte Kit | create-svelte |
Solid | degit |
(Append -ts
to template IDs for TypeScript setup.)
Quick Start:
npx create-tw@latest --template <id>
(Replace <id>
with a template, e.g., svelte-kit
or nextjs-ts
.)
scaffoldingtailwindcsstemplateastronextjsreactjsvuejshacktoberfestsvelte
Author
Featured Stories
No featured articles here. Navigate to an article, then pick the Feature on menu button