Stripe Generator

A computer made of pure emotions
login or sign up
TIP: Stripes with linear gradient are best for headers and footers.
preview
Tile size: 40px * 40px
open fullscreen preview
Tiled
Want more stripes? Visit Your Stripes section!
15 seconds how-to
  1. Play with sliders and color pickers, untill you obtain a super-cool stripe tile
  2. Press "Download" to save your creation
  3. Edit your css adding this line to the element you want to stripe:
    background-image: url("path-to-stripe.png");
    If you want to only repeat horizontally your tile (as in the case of tiles with gradient), you must add this line too:
    background-repeat: repeat-x;
stay tuned about new webdesign, ajax, web 2.0 tools!