Stripe Generator

A computer made of pure emotions
login or sign up
TIP: You can modify slider values by directly typing in the desired value.
preview
Tile size: 40px * 40px
open fullscreen preview
Tiled
by ddc
by ddc
by ddc
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!