Tools for frontend developers
The utilities that show up constantly while you build and code an interface: format and convert data, generate ready-to-paste CSS, IDs and slugs, and escape HTML. Everything runs in your browser, nothing uploaded.
Free JSON FormatterFormat, indent and validate JSON instantly in the browser. Pinpoints syntax errors and shows their exact location. 100% local. JSON to YAML — Free ConverterConvert JSON to readable YAML instantly in the browser. Useful for Kubernetes manifests, GitHub Actions, Docker Compose. 100% local. CSS gradient generatorBuild linear, radial and conic CSS gradients with live preview. Copy ready-to-paste code, multi-stop support and modern background styles. CSS box-shadow generatorDesign CSS shadows with live preview: offset, blur, spread, color and inset shadows. Copy the ready-to-paste box-shadow code. 100% free. Color palette generatorGenerate harmonious color palettes in one click. Analogous, complementary, triadic and monochromatic schemes with HEX, RGB and HSL codes ready to copy. UUID generatorGenerate random UUIDs (v4 and v7), one or in bulk. Compatible with databases, APIs and testing. Runs entirely in your browser. Base64 encoderEncode text to Base64 instantly. Supports UTF-8, URL-safe variant and files. Runs entirely in your browser, no data sent. Free URL Slug GeneratorTurn any title into a clean URL slug: lowercase, no accents, hyphens, and SEO-safe characters. Perfect for blogs, CMS and routing. HTML Escape / Unescape — Free ToolConvert special characters (<, >, &, quotes) to HTML entities and back. Useful for displaying code in blogs and preventing XSS attacks.