Tailwind CSS Starter

This is a dead simple Tailwind CSS HTML Starter Template for Beginners.

How to use

First clone the code to your local system from github.

git clone https://github.com/web3templates/tailwindcss-starter.git project-name
# or run (inside your project folder. need dot (.) in the end)
git clone https://github.com/web3templates/tailwindcss-starter.git .

Now, Install Node dependencies by installing the following command.

pnpm install
# or
npm run install

Then you can run the development server & watch css using the following steps:

pnpm dev
# or
npm run dev

This template uses Vite for development server, but you can also use VSCode Live Preview option or Live Server Plugin. If you use vite, you will see a localhost port address like: http://localhost:5173 which you can click to open in any browser.

Publishing / Deployment

First, run the following command to build your project to /dist folder.

pnpm build
# or
npm run build

The above command will create a /dist folder with all the HTML files & assets from the /src folder.

You can use the /dist folder to upload to your hosting server.