https://github.com/stevebauman/curlwind

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

css generator laravel tailwind tailwindcss

Last synced: about 22 hours 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 (9 months ago)
• Default Branch: master
• Last Pushed: 2024-04-02T23:56:31.000Z (6 months ago)
• Last Synced: 2024-05-01T23:01:28.970Z (5 months ago)
• Topics: css, generator, laravel, tailwind, tailwindcss
• Language: CSS
• Homepage: https://curlwind.com
• Size: 70.9 MB
• Stars: 115
• 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

```