Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/andrejjurkin/create-tw
CLI to scaffold tailwindcss-ready projects
https://github.com/andrejjurkin/create-tw
astro hacktoberfest nextjs reactjs scaffolding svelte tailwindcss template vuejs
Last synced: 3 months ago
JSON representation
CLI to scaffold tailwindcss-ready projects
- Host: GitHub
- URL: https://github.com/andrejjurkin/create-tw
- Owner: AndrejJurkin
- License: mit
- Archived: true
- Created: 2022-07-14T18:20:44.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-02-26T13:00:53.000Z (almost 2 years ago)
- Last Synced: 2024-09-26T21:24:12.125Z (3 months ago)
- Topics: astro, hacktoberfest, nextjs, reactjs, scaffolding, svelte, tailwindcss, template, vuejs
- Language: TypeScript
- Homepage:
- Size: 701 KB
- Stars: 250
- Watchers: 8
- Forks: 16
- Open Issues: 6
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# 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
```bash
npx create-tw@latest
# OR
npx create-tw@latest --template
```
#### yarn
```bash
yarn create tw
# OR
yearn create tw --template
```
#### pnpm
```bash
pnpm create tw
# OR
pnpm create tw --template
```
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
```bash
npx create-tw@latest --template
# OR
yarn create tw --template
```