Developer Tools

Design beautiful CSS buttons visually – colours, gradient, padding, radius, border, shadow and hover effect – and copy clean CSS and HTML. Mobile-friendly button maker.

Pick a color and convert between HEX, RGB and HSL codes, with tints and shades.

Create a professional GitHub README.md in minutes – project title, badges, description, features, installation, usage, screenshots, tech stack, contributing and license – with live Markdown preview.

Compare two texts and highlight the differences word by word, line by line or by character.

See your public IP address, approximate location, ISP, plus your browser, device, screen and connection details.

Generate a .gitignore file for your project – Node, Python, PHP/Laravel, WordPress, Java, Android, Flutter, React, .NET, macOS, Windows, VS Code, JetBrains – combine templates and download.

Encode text to Base64 or decode Base64 back to text online – full UTF-8 and URL-safe support.

Decode Base64 strings and data URIs back into images online – preview PNG, JPG, GIF, WEBP or SVG, see size and dimensions, and download the file.

Convert numbers between binary, octal, decimal and hexadecimal instantly.

Generate CSS border-radius visually – set each corner, use percentages for blob shapes and copy the code. Includes fancy organic shape presets.

Create CSS box shadows visually – offset, blur, spread, colour, opacity and inset – and copy the code.

Create custom CSS easing curves with cubic-bezier() – drag the handles, compare with ease, ease-in-out and popular presets, and preview the animation.

Learn and build CSS Flexbox layouts visually – direction, wrap, justify-content, align-items, gap and item grow – with a live playground and copy-ready CSS.

Format and beautify CSS – expand minified stylesheets into readable rules with consistent indentation, or compress them. Supports media queries and nested at-rules.

Create beautiful linear, radial and conic CSS gradients with multiple colour stops and copy the CSS code.

Build CSS grid layouts visually – set columns, rows, gaps and units, merge areas by dragging, and copy clean HTML and CSS code.

Generate lightweight pure-CSS loading spinners – ring, dots, bars, pulse, dual ring and progress bar – choose colour, size and speed, and copy HTML + CSS. No images or JavaScript.

Minify CSS to reduce file size and speed up your website, or beautify messy CSS.

Create CSS text-shadow effects visually – soft shadow, long shadow, neon glow, 3D, outline and retro – with multiple layers, live preview and copy-ready CSS.

Convert CSV or Excel data to JSON online – handles quotes, custom delimiters and headers.

Calculate Linux/Unix chmod file permissions in numeric (755) and symbolic (rwxr-xr-x) form.

Check text and background colour contrast against WCAG AA and AAA accessibility rules, with suggestions.

Generate beautiful colour palettes – complementary, analogous, triadic, monochrome – lock colours and export CSS.

Generate a full colour scale (50–950) of tints and shades from any colour – like Tailwind palettes – with HEX, RGB, HSL, contrast info and export as CSS variables or Tailwind config.

Build and explain cron expressions in plain English – see the next run times for any cron schedule.

Check DNS records for any domain – A, AAAA, CNAME, MX, TXT, NS, SOA and CAA – using public DNS over HTTPS. See TTLs and verify SPF, DKIM and DMARC.

Generate realistic fake test data – names, emails, phone numbers, addresses, dates – as JSON, CSV or SQL.

Create frosted-glass (glassmorphism) UI effects with CSS – blur, transparency, border and shadow – with a live preview and copy-ready code.

Create colourful gradient text with CSS – pick colours, angle and font, add an animated shine option, and copy the CSS for headings and logos.

Convert special characters to HTML entities and decode entities back to text.

Format and beautify HTML online – fix indentation, wrap long lines and make messy or minified HTML readable. Also formats inline CSS and JS.

Minify HTML by removing comments and extra whitespace while keeping pre, script and style blocks safe.

Create HTML tables visually – type or paste data from Excel, choose a style, header row and borders, then copy clean HTML with or without CSS.

Convert HTML to JSX for React online – class to className, for to htmlFor, inline styles to objects, self-closing tags and comments handled.

Convert HTML to clean Markdown online – headings, links, lists, images, code blocks and tables.

Complete list of HTTP status codes (200, 301, 404, 500, 503…) with simple explanations and search.

Calculate IPv4 subnets from CIDR – network and broadcast address, subnet mask, wildcard, usable host range and count, with binary view.

Format, beautify, minify and validate JSON online with clear error messages, key sorting and stats.

View JSON as a collapsible tree online – search keys and values, see types and counts, copy the path of any field, expand or collapse all.

Convert JSON arrays to CSV for Excel and Google Sheets, with nested objects flattened.

Convert JSON to TypeScript interfaces or types online – nested objects, arrays, optional fields and union types generated automatically.

Convert JSON to well-formed XML online – choose the root element name, array item tag and indentation. Handles nested objects, arrays and special characters.

Decode JSON Web Tokens (JWT) to read the header, payload and expiry – privately in your browser.

Beautify messy or minified JavaScript into clean, readable code with proper indentation – or quickly minify it. Handles JSON, ES6+ and long one-line scripts.

Press any key to see its JavaScript event.key, event.code, keyCode, which, location and modifier state – a quick reference for keyboard shortcuts and games.

Minify JavaScript to reduce file size or beautify (format) messy JS code online – with ES2020+ support, mangling and size savings.

Create Markdown tables online – edit cells in a grid or paste from Excel/CSV, set column alignment and copy perfectly aligned Markdown for GitHub and README files.

Convert Markdown to clean HTML with a live preview – headings, lists, links, code and more.

Write HTML, CSS and JavaScript online with a live preview – auto-run, console output, templates, save in browser and download as a single HTML file.

Generate random colours online – HEX, RGB and HSL codes, pastel, vibrant, dark or light palettes, lock favourites and copy with one tap.

Generate secure random strings – API keys, tokens, coupon codes, invite codes, test IDs – choose length, characters, prefix and quantity. Uses crypto-secure randomness.

Test JavaScript regular expressions live with match highlighting, groups and replace.

Format and beautify SQL queries online – uppercase keywords, indent clauses, or minify SQL. Works for MySQL, PostgreSQL and SQL Server.

Escape and unescape strings for JSON, JavaScript, HTML, XML, SQL, CSV, regex and URLs online – handle quotes, backslashes and special characters safely.

Encode or decode URLs and query strings online (percent-encoding).

Parse any URL into protocol, domain, path, query parameters and hash – edit parameters in a table, decode values and rebuild the URL.

Generate random UUID v4 / GUID values in bulk with one click.

Look up any Unicode character or emoji – code point (U+), HTML entity, CSS and JavaScript escapes, UTF-8 and UTF-16 bytes and category.

Convert Unix epoch timestamps to human dates and dates back to timestamps.

Parse any user agent string – browser, version, engine, operating system, device type and bot detection. Shows your own browser details instantly.

Format, beautify, minify and validate XML online with clear error messages.

Convert XML to JSON and JSON to XML online – attributes, arrays and nested elements handled, with pretty output and validation.

Convert YAML to JSON and JSON to YAML online, with validation and clear error messages.

Convert cURL commands into JavaScript fetch(), Axios, Python requests or PHP cURL code – headers, JSON body, form data, basic auth and methods supported.