https://github.com/surjithctly/tailwindcss-starter

A dead simple HTML Starter for Tailwind CSS Beginners. Easy & Fast Setup. No Framework. Powered by Vite.
https://github.com/surjithctly/tailwindcss-starter

beginner easy simple starter tailwind tailwindcss template

Last synced: 17 days ago
JSON representation

A dead simple HTML Starter for Tailwind CSS Beginners. Easy & Fast Setup. No Framework. Powered by Vite.

• Host: GitHub
• URL: https://github.com/surjithctly/tailwindcss-starter
• Owner: surjithctly
• Created: 2022-09-02T15:39:56.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2024-03-22T16:38:10.000Z (8 months ago)
• Last Synced: 2024-04-14T09:58:47.352Z (7 months ago)
• Topics: beginner, easy, simple, starter, tailwind, tailwindcss, template
• Language: CSS
• Homepage: https://tailwindcss-starter.vercel.app/
• Size: 103 KB
• Stars: 7
• Watchers: 3
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 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.

```bash

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.

```bash

pnpm install

# or

npm run install

```

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

```bash

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.

```bash

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.