mdasifmunshe
/ Install Tailwind CSS v4 with Vite and Yarn
Last active
May 13, 2025 06:07
Setting up Tailwind CSS in a Vite app with Yarn
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* | |
| The following gist is tested with react+typescript+swc. | |
| Other Framework may differ from each other at "vite.config.ts" file. | |
| */ | |
| /* Terminal */ | |
| yarn create vite my-app | |
| cd my-app |
mdasifmunshe
/ Install Tailwind CSS v3.4.17 and below with Vite and Yarn
Last active
May 2, 2025 10:03
Setting up Tailwind CSS in a Vite project with Yarn.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* | |
| As mentioned by @samuel-jarvis this gist no longer works with Tailwind CSS v4. | |
| But it will still work for Tailwind CSS v3.4.17 and below | |
| */ | |
| /* Terminal */ | |
| yarn create vite my-project | |
| cd my-project | |
| yarn add -D tailwindcss postcss autoprefixer |