# pattern.css **Repository Path**: WangShuaiCode/pattern.css ## Basic Information - **Project Name**: pattern.css - **Description**: CSS only library to fill empty background with beautiful patterns. - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2020-05-11 - **Last Updated**: 2025-03-14 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # pattern.css CSS only library to fill your empty background with beautiful patterns. See the full [documentation](https://bansal.io/pattern-css) ![Preview](preview.jpg) ## Features - Only CSS. No JavaScript! - < 1KB minified and gzipped! - Supports all modern browsers - Built Using SCSS. - Full color control. ## Installation ### via npm ```bash npm install pattern.css ``` ### via cdn ```html ``` ### download ```html ``` ## Usage pattern.css can be used with any css framework. ### With shorthand framework ```html
...
``` ### With bootstrap framework ```html
...
``` ## Pattern Classes |small|medium|large|extra large| |--- |--- |--- |--- | |pattern-checks-sm|pattern-checks-md|pattern-checks-lg|pattern-checks-xl| |pattern-grid-sm|pattern-grid-md|pattern-grid-lg|pattern-grid-xl| |pattern-dots-sm|pattern-dots-md|pattern-dots-lg|pattern-dots-xl| |pattern-cross-dots-sm|pattern-cross-dots-md|pattern-cross-dots-lg|pattern-cross-dots-xl| |pattern-diagonal-lines-sm|pattern-diagonal-lines-md|pattern-diagonal-lines-lg|pattern-diagonal-lines-xl| |pattern-horizontal-lines-sm|pattern-horizontal-lines-md|pattern-horizontal-lines-lg|pattern-horizontal-lines-xl| |pattern-vertical-lines-sm|pattern-vertical-lines-md|pattern-vertical-lines-lg|pattern-vertical-lines-xl| |pattern-diagonal-stripes-sm|pattern-diagonal-stripes-md|pattern-diagonal-stripes-lg|pattern-diagonal-stripes-xl| |pattern-horizontal-stripes-sm|pattern-horizontal-stripes-md|pattern-horizontal-stripes-lg|pattern-horizontal-stripes-xl| |pattern-vertical-stripes-sm|pattern-vertical-stripes-md|pattern-vertical-stripes-lg|pattern-vertical-stripes-xl| |pattern-triangles-sm|pattern-triangles-md|pattern-triangles-lg|pattern-triangles-xl| |pattern-zigzag-sm|pattern-zigzag-md|pattern-zigzag-lg|pattern-zigzag-xl| ## License MIT