@beaubus/svg-patterns-for-tailwindcss
v1.9.110
Published
A plugin that provides 210+ free svg patterns you can use as background image with utility classes.
Downloads
572
Maintainers
beaubusReadme
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-tailwindcssThen add the plugin to your css file:
@import "tailwindcss";
@plugin "@beaubus/svg-patterns-for-tailwindcss";Installation v2 and v3
Install the plugin from npm
npm i @beaubus/svg-patterns-for-tailwindcssThen add the plugin to your tailwind.config.js file:
// 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 to add background-image to html elements:
<body class="bbp-blue-wallpaper">
<div class="bbp-moment"></div>
</body>