Design Tools
CSS gradient and shadow generators with a live preview and one-click copy.
CSS Gradient Generator
Preview CSS gradients live while adjusting the angle, colour stops and type — linear, radial or conic — then copy the background rule in one click.
Colour Contrast Checker (WCAG)
Measure foreground against background, judge WCAG AA and AAA by text size, and suggest a colour that passes when it does not.
Box Shadow Generator
Drag offset, blur and spread to preview a shadow instantly, and get a box-shadow rule you can paste straight into your stylesheet.