A plugin that provides 210+ free svg patterns you can use as background image with utility classes.
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>