Skip to content
browserutils
How-to

Step-by-step guides.

Concrete instructions for common developer tasks, paired with the right tool to do each one.

How to Convert JSON to Go Struct

Generate Go struct definitions from JSON data with proper field names, types, and json tags for seamless API integration.

Read guide· 4 steps · uses json to go

How to Convert XML to JSON

Parse XML documents and transform them into clean JSON objects for use with modern APIs and JavaScript applications.

Read guide· 4 steps · uses xml to json

How to Convert JSON to XML

Transform JSON data into well-formed XML with configurable root elements and array formatting — built for SOAP APIs, legacy systems, and XML-based workflows.

Read guide· 4 steps · uses json to xml

How to Convert YAML to JSON

Transform YAML configuration files into valid JSON format for use with APIs, parsers, and tools that require JSON input.

Read guide· 4 steps · uses yaml to json

How to Minify JSON Online

Compress JSON by removing whitespace and formatting to reduce file size for production use and faster data transfer.

Read guide· 4 steps · uses json minifier

How to Generate a CSS Animation

Create CSS keyframe animations with a visual timeline editor. Design smooth transitions, entrance effects, and looping animations.

Read guide· 5 steps · uses css animation generator

How to Generate an SRI Hash

Generate Subresource Integrity hashes for external scripts and stylesheets. Protect your site from compromised CDN resources.

Read guide· 4 steps · uses sri hash generator

How to Check Security Headers

Analyze the security headers of any website. Get a grade and actionable recommendations to improve your site's HTTP security posture.

Read guide· 4 steps · uses security headers checker

How to Generate an .editorconfig File

Generate an .editorconfig file to maintain consistent coding styles across editors and IDEs. Set indentation, line endings, and charset rules.

Read guide· 4 steps · uses editorconfig generator

How to Generate a Content Security Policy Header

Build a Content Security Policy header with an interactive editor. Define allowed sources for scripts, styles, images, and other resources.

Read guide· 5 steps · uses csp header generator

How to Simulate Color Blindness

Preview how your designs appear to people with different types of color vision deficiency. Test for protanopia, deuteranopia, and tritanopia.

Read guide· 5 steps · uses color blindness simulator

How to Convert Between Timezones

Convert times between any two timezones instantly. See the current time in multiple zones and find the best meeting times across regions.

Read guide· 4 steps · uses timezone converter

How to Generate an Nginx Config

Generate production-ready Nginx configuration files. Set up reverse proxies, SSL, caching, and security headers with guided options.

Read guide· 5 steps · uses nginx config generator

How to Convert Markdown to HTML

Convert Markdown text to clean HTML instantly. Supports standard Markdown syntax including headings, lists, links, code blocks, and tables.

Read guide· 4 steps · uses markdown to html

How to Check Password Strength

Analyze the strength of any password and get actionable suggestions to improve it. See estimated crack time and vulnerability assessment.

Read guide· 4 steps · uses password strength checker

How to Generate a CSS Text Shadow

Create CSS text shadow effects with a visual editor. Adjust offset, blur, and color to design eye-catching typography.

Read guide· 5 steps · uses css text shadow generator

How to Calculate the Difference Between Two Dates

Calculate the exact difference between two dates in years, months, days, hours, and minutes. Perfect for project planning and age calculations.

Read guide· 4 steps · uses date difference calculator

How to Create a Strong Passphrase

Generate a memorable, high-entropy passphrase using the diceware method. Learn how many words to use, what wordlist to pick, and how to store it safely.

Read guide· 5 steps · uses passphrase generator

How to Generate a Docker Compose File

Generate a Docker Compose configuration for multi-container applications. Define services, networks, and volumes with an intuitive interface.

Read guide· 5 steps · uses docker compose generator

How to Convert an Image to Base64

Convert images to Base64-encoded strings for embedding directly in HTML, CSS, or JSON without separate file requests.

Read guide· 4 steps · uses image to base64

How to Check Color Contrast for Accessibility

Test foreground and background color combinations against WCAG accessibility guidelines. Ensure your design meets AA and AAA contrast ratios.

Read guide· 5 steps · uses wcag contrast checker

How to Generate a .gitignore File

Generate a .gitignore file tailored to your project. Select your language, framework, and IDE to get the right ignore patterns.

Read guide· 4 steps · uses gitignore generator

How to Parse and Analyze a URL

Break down any URL into its components including protocol, host, path, query parameters, and fragment. Debug and inspect URLs quickly.

Read guide· 4 steps · uses url parser

How to Generate a Secure Password

Generate strong, random passwords with customizable length and character options. Create passwords that meet any security requirement.

Read guide· 4 steps · uses password generator

How to Convert a Unix Timestamp

Convert Unix timestamps to human-readable dates and vice versa. Support for seconds and milliseconds with timezone awareness.

Read guide· 4 steps · uses unix timestamp converter

How to Generate a CSS Box Shadow

Design CSS box shadows visually with controls for offset, blur, spread, and color. Copy the generated CSS for your project.

Read guide· 5 steps · uses box shadow generator

How to Generate a Dockerfile

Generate a production-ready Dockerfile for your application. Select your language, framework, and configuration options to get started quickly.

Read guide· 5 steps · uses dockerfile generator

How to Convert Between Color Formats

Convert colors between HEX, RGB, HSL, and other formats instantly. Paste any color value and get it in every supported format.

Read guide· 4 steps · uses color converter

How to Generate a QR Code

Create QR codes from any text, URL, or data. Customize size and format, then download or copy your QR code instantly.

Read guide· 4 steps · uses qr code generator

How to Generate a CSS Gradient

Create beautiful CSS gradients with a visual editor. Choose colors, direction, and gradient type to generate ready-to-use CSS code.

Read guide· 5 steps · uses css gradient generator

How to Convert CSV to JSON

Transform CSV spreadsheet data into a JSON array of objects, using the first row as property keys.

Read guide· 4 steps · uses csv to json

How to Convert JSON to YAML

Transform JSON objects and arrays into clean, readable YAML format for use in configuration files.

Read guide· 4 steps · uses json to yaml

How to Decode a JWT Token

Inspect and decode JSON Web Tokens to view the header, payload, and signature without any server-side processing.

Read guide· 4 steps · uses jwt decoder

How to Encode and Decode Base64

Encode text or binary data to Base64, or decode Base64 strings back to their original content.

Read guide· 4 steps · uses base64 encode decode

How to Format JSON Online

Format messy or minified JSON into readable, properly indented output using a free browser-based tool.

Read guide· 4 steps · uses json formatter

How to Generate an MD5 Hash

Create MD5 checksums for text strings or verify data integrity by comparing hash values.

Read guide· 4 steps · uses hash generator

How to Generate a UUID

Generate random UUIDs (v4) or time-based UUIDs (v7) for use as unique identifiers in databases, APIs, and applications.

Read guide· 3 steps · uses uuid generator

How to Minify CSS Online

Compress CSS by removing whitespace, comments, and unnecessary characters to reduce file size.

Read guide· 4 steps · uses css minifier

How to Test Regex Online

Write and test regular expressions with real-time match highlighting and capture group display.

Read guide· 4 steps · uses regex tester

How to Validate JSON

Check if your JSON is valid and get precise error messages with line numbers for any syntax issues.

Read guide· 4 steps · uses json validator