BEAUBUS Patterns plugin for Tailwind CSS

A plugin that provides 210+ free svg patterns you can use as background image with utility classes. Compatible with Tailwind CSS v2, v3 and v4.

Installation v4

Install the plugin from npm

npm i @beaubus/svg-patterns-for-tailwindcss

Then add the plugin to your css file:

@import "tailwindcss";
@plugin "@beaubus/svg-patterns-for-tailwindcss";

Install the plugin from npm

npm i @beaubus/svg-patterns-for-tailwindcss

Then add the plugin to your tailwind.config.js file:

// tailwind.config.js
module.exports = {
  // ...
  plugins: [
    require('@beaubus/svg-patterns-for-tailwindcss'),
    // ...
  ],
}

Now you can use the bbp- classes with pattern name from BEAUBUS Patterns to add background-image to html elements:

<body class="bbp-blue-wallpaper">
    <div class="bbp-moment"></div>
</body>