Menu
Libraries |
Category

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 (via degit).
    • 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.
  • 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

Comments