# BEAUBUS Patterns plugin for Tailwind CSS
A plugin that provides [210+ free svg patterns](https://patterns.beaubus.com) you can use as background image with utility classes. Compatible with Tailwind CSS v2, v3 and v4.
## Installation v4
Install the plugin from npm
```bash
npm i @beaubus/svg-patterns-for-tailwindcss
```
Then add the plugin to your css file:
```css
@import "tailwindcss";
@plugin "@beaubus/svg-patterns-for-tailwindcss";
```
## Installation v2 and v3
Install the plugin from npm
```bash
npm i @beaubus/svg-patterns-for-tailwindcss
```
Then add the plugin to your `tailwind.config.js` file:
``` js
// tailwind.config.js
module.exports = {
// ...
plugins: [
require('@beaubus/svg-patterns-for-tailwindcss'),
// ...
],
}
```
## Usage
Now you can use the `bbp-` classes with pattern name from [BEAUBUS Patterns](https://patterns.beaubus.com) to add `background-image` to html elements:
```html
```