✦9 tools
Design Tools
Generate CSS, colors, and design tokens without leaving the browser.
◈Open tool →⌒Open tool →⊡Open tool →⊞Open tool →✎Open tool →☁Open tool →▣Open tool →□Open tool →◉Open tool →
Color Palette Generator
Input a hex color and generate complementary, analogous, and triadic palettes.
CSS Border Radius Generator
Drag sliders for all four corners and copy the CSS border-radius instantly.
Aspect Ratio Calculator
Enter any two dimensions and get the ratio, or lock a ratio to scale dimensions.
Placeholder Image Generator
Enter dimensions and get an instant SVG placeholder image for your mockups.
Text to Handwriting
Convert typed text into a handwritten note on a lined paper background.
Keyword Word Cloud
Paste any text and get a visual word cloud with the most frequent terms.
CSS Gradient Generator
Build linear and radial CSS gradients with a live preview.
Box Shadow Generator
Build CSS box-shadow with sliders and a live preview.
Color Converter
Convert colors between HEX, RGB, and HSL formats instantly.