CSS Pattern

(5 submissions) | May 18, 2017

  • A nice tesselation transition effect created by Chris Johnson, based on Delaunay Triangulation in order to create visually appealing and randomly generated color transition gradients and tesselations¬†in the style of Material Design. This jaw-droppingly beautiful JS/CSS snippet can come in handy for photo galleries or header effects.

  • Hero Patterns is a collection of repeatable SVG background patterns for you to use on your digital projects. The background and foreground color and the opacity can be changed for the patterns.

  • An amazing tool containing interactive examples featuring the how to build UI components using Flexbox, starting with simple ones and ending with more complex features, helping you with the core learnings and the use of this everyday tool.

  • FlexCss is a library for creating UI elements. It includes different JavaScript components and widgets optimized for responsive environments. It supports custom validation, tooltips, dropdown, tabs, off-canvas navigation and more. A library licensed under MIT and created by David Heidrich.

  • Patternizer is an online tool that let you create and generate simple or compound patterns. The tool has various options, allowing you to modify the angle of the pattern, the color, opacity, width, gap, offset and you can add more stripes, and after you’re done creating, you can download the CSS and integrate it easily into a website.

Leave a comment

This a test message in global notification
Your download will start shortly.


Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.


Thank You!

Your post has been received, and will be reviewed by a curator