The repository contains various starter kits and templates. It provides starting points in different combinations from open-source creators listed in the credits.
For cloning from GitHub:
git clone --depth 1 --filter=blob:none --sparse https://github.com/tsunamaji/templates.git
cd templates
git sparse-checkout set {template_name}
StackBlitz for running quick examples:
https://stackblitz.com/github/tsunamaji/templates/tree/master/{template_name}
For space efficiency, we use pnpm. All commands here can also be run with npm.
For any Vite bundler-based project, use the following command:
pnpm create vite@latest
References:
In most cases, only the Sass dependency needs to be installed:
pnpm i -D sass@1
References:
In v4, we can already rely on a Vite plugin:
pnpm i -D tailwindcss@4 @tailwindcss/vite
In v3, PostCSS is required in any case:
pnpm i -D tailwindcss@3 postcss autoprefixer
References:
- https://tailwindcss.com/docs/installation/using-vite
- https://v3.tailwindcss.com/docs/installation/using-postcss
Instead of many subfolders, each template is given a long folder name, for example: vite-v7-vue-v3-sass-v1-tailwindcss-v4. First, always list the bundlers, then the JS framework, followed by everything else. For instance, PostCSS or LightningCSS are not listed because their installation is not required - they are considered extra dependencies. The projects can be created with a few command-line commands, but to understand their structure, a ready-made illustrative example is necessary. This illustrative example can be found inside each folder.
Copyright (C) 2025–present Zoltán Rózsa & Tsunamaji
This version is licensed under the MIT.
For full license terms, see the LICENSE file.
This project is made possible by much love and the other open source software.
| Name | License |
|---|---|
| tailwindlabs/tailwindcss | MIT License © Tailwind Labs, Inc. |
| vitejs/vite | MIT License © VoidZero Inc. |
| vuejs/vue | MIT License © Yuxi (Evan) You |
| facebook/react | MIT License © Meta Platforms, Inc. |
| sass/dart-sass | MIT License © Google Inc. |
A special thanks to all contributors of the open-source projects used in this repository. Your work, dedication, and commitment to maintaining and distributing these tools as open source make projects like this possible.
Motivation: Because together, nothing is impossible.