BEAUBUS Patterns plugin for Tailwind CSS

A plugin that provides 210+ free svg patterns you can use as background image with utility classes.

Installation

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>