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.