CSS Texture Generator
Output Readme Download Replit Sel. & Copy Full

Generate a variety of textures in custom colors and sizes. Bricks, stones, stripes, a roof texture, and dots for now.

Rectangles (in somewhat complex configurations) are surprisingly hard to make with just gradients, and this repl helps do the math.

The index.html file displays the relevant settings for each texture, shows a preview, and writes the CSS for copying.

The repl calls the pickr library for color selection.

This repl is mostly to help design textures for 3D CSS buildings. Read more at https://triplelog.com/blog/exploring-a-3d-city-with-just-html-and-css.html or see the textures in action at https://csshole.com/city.xml