https://github.com/simonswiss/tailwind-starter

A starter kit to get going with tailwind, gulp and browser-sync.
https://github.com/simonswiss/tailwind-starter

Last synced: 2 months ago
JSON representation

A starter kit to get going with tailwind, gulp and browser-sync.

• Host: GitHub
• URL: https://github.com/simonswiss/tailwind-starter
• Owner: simonswiss
• Created: 2017-11-01T21:48:01.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2019-11-05T16:24:49.000Z (about 5 years ago)
• Last Synced: 2024-11-02T01:50:28.528Z (2 months ago)
• Language: JavaScript
• Size: 84 KB
• Stars: 96
• Watchers: 7
• Forks: 11
• Open Issues: 2
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-tailwindcss - Gulp Starter - Gulp starter using Tailwind CSS. (Starters & Themes)

README

        
## Tailwind Starter

#### A starter kit to get going with tailwind, gulp and browser-sync.

![tailwind starter kit](https://i.imgur.com/gdQSqZX.png)

Time to design in the browser and create something awesome with [tailwind](https://tailwindcss.com)!

This starter kit gives you a [browser-sync dev server](https://browsersync.io), which comes pretty handy. Everytime you save a HTML file, your browser will inject new styles / reload the page for your convenience, so you can focus on what you're creating.

Go ahead and build something cool!

### How to get started?

1. Clone this repo

2. `yarn` or `npm install` to install the required dependencies

3. Customise the `tailwind.js` config file (only if needed!)

4. `gulp` to kickoff the dev server, and open your browser window. Optionally you can run the following:

	* `yarn dev` or `npm run dev` to start the development server

	* `yarn build` or `npm run build` to run a build without starting the server

5. Edit `index.html` in `./dist/` and start creating!

If you make changes to the tailwind config, you may need to stop and restart the browser-sync server for changes to apply.

**Have fun!** 🎉