“Organize, share and use all your visual assets in one place”
A collection of single color SVG logos.
A modern CSS framework based on Flexbox
A plugin suite for Sketch and Photoshop that lets you design with real data
A list of results from A/B tests with the goal of building a “repository of evidence showing clearly which ideas work”
Images and Sketch files of popular devices. Each comes with a PNG and a Sketch file for that device.
A collection of classic ‘Swiss’ posters recreated and animated in CSS
“In order to make a site that people can use, every element on the screen needs a Content pattern and a Display pattern applied to it. Embracing the difference in pattern types is the key to making a modular design system infinitely more scalable.”
Change the colors of a site by dragging and dropping colors fro ma palette.
This site provides a wealth of great SVG demos
A free color tool providing information about any color and generating matching color palettes for your designs (such as complementary, analogous, triadic, tetradic or monochromatic colors schemes).
Just type any color value in the search field and ColorHexa will offer a detailed description and automatically convert it to its equivalent in Hexadecimal, RGB, CMYK, HSL, HSV, CIE-LAB / LUV / LCH, Hunter-Lab, XYZ, xyY and Binary.
The clip-path property allows you to make complex shapes in CSS by clipping an element to a basic shape (circle, ellipse, polygon, or inset), or to an SVG source.
A visual diff between the visual output of your site on staging and production prior to deploying. Shows the results for multiple browsers and screen sizes.