https://github.com/stevebauman/curlwind

Generate Tailwind utility stylesheets on demand.
https://github.com/stevebauman/curlwind

css generator laravel tailwind tailwindcss

Last synced: 3 days ago
JSON representation

Generate Tailwind utility stylesheets on demand.

• Host: GitHub
• URL: https://github.com/stevebauman/curlwind
• Owner: stevebauman
• Created: 2024-01-13T22:17:10.000Z (about 1 year ago)
• Default Branch: master
• Last Pushed: 2024-09-23T02:33:18.000Z (4 months ago)
• Last Synced: 2025-01-13T07:07:44.553Z (10 days ago)
• Topics: css, generator, laravel, tailwind, tailwindcss
• Language: CSS
• Homepage: https://curlwind.com
• Size: 70.9 MB
• Stars: 126
• Watchers: 3
• Forks: 4
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        




Dynamically generate Tailwind CSS utility stylesheets. 







    



## Usage

### Insert Tag

Add the stylesheet tag to your site's head tag:

```html

    

        

    

    

        

    

```

### Attach Classes

Attach the `classes` query parameter to URL receive a stylesheet with only the classes you need.

Use commas and wildcards to match multiple classes:

```html

```

### Receive Stylesheet

The generated stylesheet will contain only the classes you need:

```css

/* output.css */

 

.p-0 {

    padding: 0px;

}

 

.p-1 {

    padding: 0.25rem;

}

 

/* ... */

 

.m-0 {

    margin: 0px;

}

 

.m-1 {

    margin: 0.25rem;

}

 

/* ... */

```

### Options

### Generate Variants

Insert a colon (:) after the class name to generate variants:

```html

```

### Exclude Preflight

Generate stylesheets without Tailwind's Preflight CSS:

```html

```

### Prefixed Utilities

Generate utility classes with a prefix:

```html

```

### Unminified CSS

Generate stylesheets unminified:

```html

```

### Enable Plugins

Generate stylesheets with built-in Tailwind plugins enabled.

```html

```