No sign-in needed
Free tools
Four tools anyone can use, straight in the browser. An account adds the full libraries and a kit for your own sites.
- Free · no sign-in
Gradient generator
Linear, radial and conic gradients with draggable stops. Copy CSS with a fallback, or a Tailwind class.
Open the tool - Free · no sign-in
Color tools
Pick in HEX, RGB, HSL or OKLCH, build harmonies and 50–950 scales, and check WCAG and APCA contrast.
Open the tool - Free · no sign-in
Free icon search
Search every Font Awesome Free icon and copy an <i> tag, inline SVG or an <img> in one click.
Open the tool - Free · no sign-in
Pattern & animation preview
Try a hand-picked sample of patterns and animations live, then copy the snippet.
Open the tool
Free account
Sign in to get all 1,510 animations and 243 patterns in a kit
A kit is one line in your page, locked to your domains or IPs. It also unlocks the full galleries, favorites, collections and the DevOps for Mac sign-in.