https://github.com/dmitriyakkerman/tailwind-starter
Tailwindcss starter kit for use in browser
https://github.com/dmitriyakkerman/tailwind-starter
css tailwind tailwindcss
Last synced: about 2 months ago
JSON representation
Tailwindcss starter kit for use in browser
- Host: GitHub
- URL: https://github.com/dmitriyakkerman/tailwind-starter
- Owner: dmitriyakkerman
- Created: 2021-08-03T13:19:20.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2021-09-08T18:09:18.000Z (over 3 years ago)
- Last Synced: 2025-02-15T06:16:51.603Z (3 months ago)
- Topics: css, tailwind, tailwindcss
- Language: JavaScript
- Homepage:
- Size: 80.1 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# tailwind-starter
✨ [tailwindcss](https://tailwindcss.com/) starter kit. ✨
Read more in documentation ❗
**Usage**
1. Clone repository
```js
https://github.com/dmitriyakkerman/tailwind-starter.git
```
2. Install dependencies
```js
npm install
```
3. Configure `tailwind.config.js` file.
- Specify your markup files, which use Tailwind.css in `purge` option.
- Customize your layout using `theme` and `variants` options.
4. Configure entry `main.css` file in `src` folder importing those Tailwind.css entities you need in development:
```css
@tailwind base;
@tailwind components;
@tailwind utilities;
```
5. Create your markup file using Tailwind.css classes.
6. Build your bundle using one of these commands:
Development mode build
```
npm run build
```
Development watch mode build
```
npm run start
```
Production mode minified build
```
npm run generate
```
This will create `styles.css` file in `dist` folder.
7. Connect `styles.css` to your layout.
8. Enjoy! 🎉