https://github.com/josh-taylor/tailwind-styleguide

Laravel Mix plugin for generating a styleguide for your Tailwind project
https://github.com/josh-taylor/tailwind-styleguide

laravel-mix laravel-mix-plugin styleguide styleguide-css tailwindcss tailwindcss-plugin

Last synced: about 1 month ago
JSON representation

Laravel Mix plugin for generating a styleguide for your Tailwind project

• Host: GitHub
• URL: https://github.com/josh-taylor/tailwind-styleguide
• Owner: josh-taylor
• License: mit
• Created: 2018-07-20T14:53:12.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2022-12-08T20:59:44.000Z (over 2 years ago)
• Last Synced: 2025-04-14T03:42:01.559Z (about 1 month ago)
• Topics: laravel-mix, laravel-mix-plugin, styleguide, styleguide-css, tailwindcss, tailwindcss-plugin
• Language: JavaScript
• Homepage: https://josh.codes/blog/tailwind-styleguide-for-laravel-mix/
• Size: 38.1 KB
• Stars: 10
• Watchers: 1
• Forks: 1
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Tailwind Styleguide for Laravel Mix

This extension adds a styleguide for your Tailwind apps in Mix.

![Tailwind Styleguide](/screenshot.png?raw=true)

## Usage

First install the extension

```sh

npm install laravel-mix-talilwind-styleguide

```

Then you can require it within your `webpack.mix.js` file

```js

let mix = require('laravel-mix');

require('laravel-mix-tailwind-styleguide');

mix.js('resources/assets/js/app.js', 'public/js')

  .sass('resources/assets/sass/app.scss', 'public/css')

  .tailwindStyleguide();

```

Once this has been done, running either `npm run watch` or `npm run dev` will start up a local HTTP server at 

[http://localhost:8888/](http://localhost:8888/).