❤
npm
Sign UpSign In

@beaubus/svg-patterns-for-tailwindcss

1.9.110 • Public • Published

BEAUBUS Patterns plugin for Tailwind CSS

npm downnloads count MIT    Twitter Follow

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";

Installation v2 and v3

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'),
    // ...
  ],
}

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>

Versions

Current Tags

VersionDownloads (Last 7 Days)Tag
1.9.1104latest

Version History

VersionDownloads (Last 7 Days)Published
1.9.1104
1.9.1092
1.9.1081
1.9.1060
1.9.1050
1.9.1040
1.9.1030
1.9.1021
1.9.1010
1.9.1000
1.9.990
1.9.980
1.9.970
1.9.960
1.9.950
1.9.940
1.9.930
1.9.920
1.9.910
1.9.90
1.9.81
1.9.70
1.9.60
1.9.50
1.9.40
1.9.30
1.9.21
1.9.10
1.9.00
1.8.90
1.8.80
1.8.70
1.8.60
1.8.51
1.8.41
1.8.31
1.8.20
1.8.10
1.8.00
1.7.90
1.7.80
1.7.70
1.7.60
1.7.50
1.7.40
1.7.30
1.7.20
1.7.11
1.7.00
1.6.20
1.6.10
1.6.00
1.5.90
1.5.80
1.5.70
1.5.61
1.5.50
1.5.40
1.5.31
1.5.20
1.5.10
1.5.00
1.4.21
1.4.10
1.4.01
1.3.90
1.3.80
1.3.71
1.3.60
1.3.50
1.3.41
1.3.30
1.3.10
1.3.00
1.2.10
1.2.01
1.1.90
1.1.80
1.1.70
1.1.60
1.1.50
1.1.40
1.1.30
1.1.20
1.1.10
1.1.01
1.0.70
1.0.60
1.0.51
1.0.40
1.0.30
1.0.20
1.0.10
1.0.01
0.1.130
0.1.120
0.1.110
0.1.100
0.1.90
0.1.80
0.1.70
0.1.60
0.1.50
0.1.40
0.1.30
0.1.20
0.1.10
0.1.01

Package Sidebar

Install

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

Repository

github.com/beaubus/svg-patterns-for-tailwindcss

Homepage

github.com/beaubus/svg-patterns-for-tailwindcss#readme

Weekly Downloads

25

Version

1.9.110

License

MIT

Unpacked Size

6.87 MB

Total Files

22

Last publish

Collaborators

  • beaubus
Try on RunKit
Report malware