Skip to main content

Web Development Calculators — Computer

Front-end and build-time numbers: CSS unit conversion, flexbox and responsive breakpoints, DPI and viewport sizing, Base64 and URL encoding, JWT decoding, regex testing, and page-load and bundle-size estimates. Most are browser-side utilities, so nothing you paste leaves the page.

All Web Development Calculators

💻
Base64 Encode Decode Tool

Encode text to Base64 or decode Base64 strings back to plain text instantly.

💻
Base64 Encoder Decoder

Calculate base64 encoder decoder with inputs, formulas, and instant results.

🎲
CSS Flexbox Generator

css flexbox generator. Get instant, accurate results.

🔢
CSS Unit Converter

Calculate css unit converter with inputs, formulas, and instant results.

🧪
DPI Calculator — Print & Screen Resolution

Calculate dpi with inputs, formulas, and instant results.

🔢
Git Repository Size Calculator

Estimate repository size growth based on commit frequency, file sizes, and branching strategy.

💻
Hex Color Converter (HEX, RGB, HSL)

Calculate hex color converter with inputs, formulas, and instant results.

🔢
HTML Entity Encoder

Calculate html entity encoder with inputs, formulas, and instant results.

🎂
Image Resize Calculator

Calculate image resize with inputs, formulas, and instant results.

🔢
JWT Decoder

jwt decoder. Get instant, accurate results.

🎂
Npm Package Size Calculator

Check the install size and download time impact of adding an npm package to your project.

🎂
Open Graph Image Size Calculator

Calculate optimal Open Graph and Twitter Card image dimensions for social media sharing.

🎂
Page Load Time Calculator

Calculate page load time with inputs, formulas, and instant results.

🔢
Regex Tester

Calculate regex tester with inputs, formulas, and instant results.

🔢
Responsive Breakpoint Calculator

Calculate responsive design breakpoints for common device screen widths and pixel densities.

📏
SEO Title Length Calculator

Check if your page title and meta description fit within Google SERP character limits.

🎲
SVG Path Generator

svg path generator. Get instant, accurate results.

🌦️
Tailwind CSS Class Calculator

Convert pixel values to Tailwind CSS spacing, sizing, and font classes.

🔢
URL Encode Decode Tool

Encode special characters for URLs or decode percent-encoded URL strings.

🔢
Viewport Size Calculator

Calculate viewport size with inputs, formulas, and instant results.

🚗
Website Carbon Calculator

Estimate the CO2 emissions per page view based on page weight and hosting infrastructure.

🔢
HTML Encoder Decoder

Encode and decode HTML entities

🎓
Markdown Previewer

Preview markdown in real-time

📱
QR Code Reader

Read and decode QR codes

About Web Development Calculators

Front-end and build-time numbers: CSS unit conversion, flexbox and responsive breakpoints, DPI and viewport sizing, Base64 and URL encoding, JWT decoding, regex testing, and page-load and bundle-size estimates. Most are browser-side utilities, so nothing you paste leaves the page.

Whether you need to solve a one-time problem or verify your own calculations, these free tools cover the most common web development scenarios. All results are computed in your browser — no data is sent to any server.

What You Can Calculate

This section includes 24 tools: Base64 Encode Decode Tool, Base64 Encoder Decoder, CSS Flexbox Generator, CSS Unit Converter, DPI Calculator — Print & Screen Resolution, Git Repository Size Calculator, Hex Color Converter (HEX, RGB, HSL), HTML Entity Encoder, and 16 more. Each calculator is free to use with no signup required.