https://github.com/haabiy/tailwind-playground

A simple testing playground to explore the functionality of Tailwind.
https://github.com/haabiy/tailwind-playground

frontend

Last synced: 11 days ago
JSON representation

A simple testing playground to explore the functionality of Tailwind.

• Host: GitHub
• URL: https://github.com/haabiy/tailwind-playground
• Owner: Haabiy
• Created: 2024-05-25T16:51:53.000Z (7 months ago)
• Default Branch: main
• Last Pushed: 2024-05-28T14:18:30.000Z (7 months ago)
• Last Synced: 2024-11-05T14:27:09.299Z (about 2 months ago)
• Topics: frontend
• Language: HTML
• Homepage: https://tailwind-playground.pages.dev/
• Size: 5.81 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

        
# Tailwind Starter

This is a starter project for using Tailwind CSS in your web development projects.

## Installation

To use Tailwind CSS in your project, follow these steps:

1. Initialize a new npm project:

   ```bash

   npm init

   ```

2. Install Tailwind CSS as a development dependency:

   ```bash

   npm install -D tailwindcss

   ```

3. Activate IntelliSense for Tailwind CSS:

   ```bash

   npx tailwindcss init

   ```

## Configuration

In your `package.json` file, add the following scripts:

```json

  "scripts": {

    "test": "echo \"Error: no test specified\" && exit 1",

    "dev": "tailwind -i ./src/input.css -o ./dist/output.css --watch"

  },

```

## Usage

To compile Tailwind CSS and watch for changes, run the following command:

```bash

npm run dev

```