Skip to content


Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
LESSified CSS3 Patterns Gallery
branch: master

Fetching latest commit…

Cannot retrieve the latest commit at this time

Failed to load latest commit information.

LESS CSS3 Patterns Gallery

Patterns.less is a full set of ready-to-use LESS mixins of patterns based on the popular Lea Verou's CSS3 Patterns Gallery.

Usage example

1. Import patterns.less to your main less file.

@import "patterns.less";

2. Start experimenting with the patterns from the list below.

body { #pattern > .vertical-stripes; }

List of available patterns

  • Arrows
  • Zig-Zag
  • Weave
  • Upholstery
  • Starry Night
  • Marrakesh
  • Rainbow bokeh
  • Carbon
  • Carbon fibre
  • Hearts
  • Argyle
  • Steps
  • Waves
  • Cross
  • Yin Yang
  • Stars
  • Brady Bunch
  • Shippo
  • Bricks
  • Seigaiha
  • Japanese cube
  • Polka dot
  • Houndstooth
  • Checkerboard
  • Diagonal checkerboard
  • Tartan
  • Madras
  • Lined paper
  • Blueprint grid
  • Tablecloth
  • Diagonal stripes
  • Cicada stripes
  • Vertical stripes
  • Horizontal stripes


Licensed under MIT. Have fun!

Something went wrong with that request. Please try again.