All Projects → bansal-io → Pattern.css

bansal-io / Pattern.css

CSS only library to fill empty background with beautiful patterns.

Programming Languages

HTML
75241 projects
CSS
56736 projects

Projects that are alternatives of or similar to Pattern.css

Lazy
Kule Lazy4 / CSS Framework
Stars: ✭ 147 (-95.78%)
Mutual labels:  css-framework, frontend, css3
Fe
前端热门文章阅读
Stars: ✭ 174 (-95%)
Mutual labels:  bootstrap, frontend, css3
Bootstrap4 Website
Website built with bootstrap 4 Framework
Stars: ✭ 124 (-96.44%)
Mutual labels:  css-framework, bootstrap, css3
swatch
A lightweight, modern theming library based on CSS variables and the setter/getter pattern.
Stars: ✭ 14 (-99.6%)
Mutual labels:  css3, css-framework
Shorthand
Feature rich CSS framework for the new decade https://shorthandcss.com
Stars: ✭ 230 (-93.39%)
Mutual labels:  css-framework, css3
Gulp Front
Frontend boilerplate and framework based on gulp, pug, stylus and babel
Stars: ✭ 237 (-93.19%)
Mutual labels:  css-framework, frontend
Box Css Framework
Box - CSS Framework
Stars: ✭ 138 (-96.04%)
Mutual labels:  css-framework, css3
icon-patterns
Include animated CSS icon patterns in your background
Stars: ✭ 15 (-99.57%)
Mutual labels:  patterns, css3
sass-structure
Sass folder structure => organizing project files.
Stars: ✭ 32 (-99.08%)
Mutual labels:  css3, css-framework
Stylizer
Stylizer is a flexible Css framework based on the visual aspect, the framework offers you a clean and easy work.
Stars: ✭ 44 (-98.74%)
Mutual labels:  css3, css-framework
unitscss
UNITS is a simple and beautiful CSS component set.
Stars: ✭ 13 (-99.63%)
Mutual labels:  css3, css-framework
Bootswatch
Themes for Bootstrap
Stars: ✭ 13,309 (+282.33%)
Mutual labels:  css-framework, bootstrap
Bahunya
10KB classless CSS framework with responsive typography, navbar, syntax highlighting, etc.
Stars: ✭ 170 (-95.12%)
Mutual labels:  css-framework, css3
Bootstrap
The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.
Stars: ✭ 154,459 (+4337.2%)
Mutual labels:  css-framework, bootstrap
atomize
A library of atomic CSS classes.
Stars: ✭ 51 (-98.53%)
Mutual labels:  css3, css-framework
Bs Stepper
A stepper for Bootstrap 4.x
Stars: ✭ 261 (-92.5%)
Mutual labels:  bootstrap, css3
strawberry
A new flexbox based CSS micro-framework.
Stars: ✭ 71 (-97.96%)
Mutual labels:  css3, css-framework
Mini.css
A minimal, responsive, style-agnostic CSS framework!
Stars: ✭ 2,938 (-15.6%)
Mutual labels:  css-framework, frontend
Lc Design
A UI component framework for building LCUI application.
Stars: ✭ 134 (-96.15%)
Mutual labels:  css-framework, bootstrap
Bootstrap Table
An extended table to integration with some of the most widely used CSS frameworks. (Supports Bootstrap, Semantic UI, Bulma, Material Design, Foundation, Vue.js)
Stars: ✭ 11,068 (+217.95%)
Mutual labels:  css-framework, bootstrap

pattern.css

CSS only library to fill your empty background with beautiful patterns.

See the full documentation

Preview

Features

  • Only CSS. No JavaScript!
  • < 1KB minified and gzipped!
  • Supports all modern browsers
  • Built Using SCSS.
  • Full color control.

Installation

via npm

npm install pattern.css

via cdn

<link href="https://unpkg.com/pattern.css" rel="stylesheet">

download

<link href="dist/pattern.min.css" rel="stylesheet">

Usage

pattern.css can be used with any css framework.

With shorthand framework

<div class="pattern-checks-sm bg-blue white">...</div>

With bootstrap framework

<div class="pattern-checks-sm bg-primary text-white">...</div>

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

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].