Skip to main content

Tech & Digital

Browse all 68 tech & digital tools

What is tech and developer tools?

Tech and developer tools are browser-based utilities that help designers, developers, and technical users with everyday tasks — from generating CSS code and converting colors to formatting JSON, decoding JWT tokens, and calculating network bandwidth — all without installing software.

ASCII Converter

Convert text to ASCII codes and back. Supports decimal, hex, binary, and octal formats.

ascii convertertext to asciiascii to text
Open tool

Aspect Ratio Calculator

Convert width/height to aspect ratios, scale dimensions, and generate responsive embed CSS for any layout.

aspect ratioresize16:9
Open tool

Bandwidth Calculator

Calculate required internet bandwidth based on devices and activities in your household.

bandwidth calculatorinternet speedinternet requirements
Open tool

Base64 Encoder/Decoder

Encode and decode Base64 strings. Convert text for data URIs, APIs, and safe data transmission.

base64 encoderbase64 decoderbase64 converter
Open tool

Border Radius Generator

Create CSS border-radius with visual controls for each corner. Generate circles, pills, and custom shapes.

border radius generatorcss border-radiusrounded corners
Open tool

Box Shadow Generator

Create CSS box shadows with multiple layers, live preview, and copy-ready code.

box shadow generatorcss shadowdrop shadow
Open tool

Color Blindness Simulator

Preview how colors appear with different types of color blindness. Test accessibility for color vision deficiency.

color blindness simulatorcolor vision deficiencyprotanopia
Open tool

Color Converter

Convert colors between HEX, RGB, HSL, and OKLCH. Includes alpha support and copy buttons for CSS-ready formats.

hex to rgbhsloklch
Open tool

Color Palette Generator

Create harmonious color schemes from a base color. Generate complementary, analogous, triadic, and more.

color palette generatorcolor schemecomplementary colors
Open tool

Color Picker

Pick any color and get HEX, RGB, HSL, and CMYK values with one-click copy.

color pickerhex color pickerrgb picker
Open tool

Cron Expression Generator

Build cron schedules interactively with human-readable descriptions and next run previews.

cron expressioncron generatorcrontab
Open tool

CSS Animation Generator

Create CSS keyframe animations visually with timing controls and live preview.

css animation generatorkeyframesanimation timing
Open tool

CSS Clamp() Generator

Generate clamp() values for fluid type and spacing. Set min/max sizes, breakpoints, and copy ready-to-use CSS.

clamp generatorfluid typographyresponsive type
Open tool

CSS Filter Generator

Create CSS filter effects with blur, brightness, contrast, grayscale, and more with live preview.

css filter generatorblur filterbrightness filter
Open tool

CSS Flexbox Generator

Create flexbox layouts visually with live preview. Configure container and item properties.

flexbox generatorcss flexboxflex layout
Open tool

CSS Grid Calculator

Calculate column widths from container size, columns, and gutter. Great for layout planning and design-to-dev handoff.

grid calculatorcolumnsgutter
Open tool

CSS Transform Generator

Create CSS transforms visually. Configure translate, rotate, scale, skew with live preview.

css transform generatorrotate cssscale css
Open tool

Data Storage Converter

Convert between GB, TB, MB, KB, and more. Quick reference for common storage sizes.

gb to tbmb to gbstorage converter
Open tool

Data Transfer Rate Converter

Convert between Mbps, Gbps, MB/s, and more. Calculate download times for any file size.

mbps to mb/sdata transfer ratebandwidth converter
Open tool

Diff Checker

Compare two texts and highlight differences. See added, removed, and unchanged lines.

diff checkertext comparefind differences
Open tool

Download/Upload Speed Calculator

Calculate download times based on file size and connection speed. Convert Mbps to MB/s.

download time calculatorupload speedmbps to mb/s
Open tool

Favicon Generator

Generate favicons from images or text. Preview at multiple sizes and download as ICO or PNG.

favicon generatorico generatorfavicon creator
Open tool

File Size Converter

Convert between bytes, KB, MB, GB, TB and binary units. Understand decimal vs binary file sizes.

file size converterkb to mbmb to gb
Open tool

Font Pairing Tool

Preview curated Google Font pairings with live text and copy-ready CSS snippets.

font pairinggoogle fontsfont combinations
Open tool

Google Ads Revenue Calculator

Estimate clicks, conversions, revenue, ROAS, CPA, and net profit from your Google Ads budget.

google ads calculatorroas calculatorcpa calculator
Open tool

Gradient Generator

Create CSS linear, radial, and conic gradients with multiple color stops and live preview.

gradient generatorcss gradientlinear gradient
Open tool

Hash Generator

Generate MD5, SHA-1, SHA-256, and SHA-512 hashes for text and verification.

hash generatormd5 hashsha256
Open tool

HTML Character Entities

Searchable reference for HTML entities, numeric codes, and hex codes for every special character.

html character entitieshtml symbolshtml special characters
Open tool

HTML Entity Encoder

Encode and decode HTML entities. Convert special characters for safe HTML display.

html entitieshtml encoderhtml decoder
Open tool

Image Format Converter

Convert images between PNG, JPG, WEBP, and GIF formats. Adjust quality and compare file sizes.

png to jpgimage converterwebp converter
Open tool

Image Generation Aspect Presets

Pick social sizes and aspect ratios for image generation. Copy prompt snippets and recommended dimensions for each platform.

social sizesaspect presetsimage prompts
Open tool

Image Resizer

Resize, crop, rotate, and compress images. Change aspect ratios and convert between formats.

image resizercrop imagerotate image
Open tool

JSON Formatter & Validator

Format, validate, and minify JSON. Find syntax errors and prettify with proper indentation.

json formatterjson validatorjson prettify
Open tool

JSON to CSV Converter

Convert JSON arrays to CSV format and CSV to JSON. Handles nested objects and auto-detects types.

json to csvcsv to jsonjson converter
Open tool

JWT Decoder

Decode and inspect JSON Web Tokens. View header, payload claims, and expiration status.

jwt decoderjson web tokenjwt parser
Open tool

Markdown Preview

Write and preview Markdown in real-time. Supports GFM with tables, task lists, and code blocks.

markdown previewmarkdown editormarkdown renderer
Open tool

Meta Tag Generator

Generate SEO, Open Graph, and Twitter Card meta tags with live Google/social previews.

meta tag generatoropen graph generatortwitter card generator
Open tool

npm Package Prompts

Browse popular npm packages by category and copy install commands with one click.

npm packagesnpm installnode packages
Open tool

Number Base Converter

Convert between binary, decimal, hexadecimal, and octal number systems.

binary to decimalhex converterdecimal to binary
Open tool

OpenGraph Preview

Preview how your links appear on Facebook, Twitter, LinkedIn, and Slack with Open Graph tags.

opengraph previewog tagssocial media preview
Open tool

PDF Compressor

Compress PDF files by optimizing images and stripping metadata. Private, browser-based processing.

pdf compressorcompress pdfreduce pdf size
Open tool

PDF Form Filler

Fill in fillable PDF form fields online. Auto-detects text, checkbox, dropdown, and radio fields.

pdf form fillerfill pdf formfillable pdf
Open tool

PDF Merger

Combine multiple PDF files into one document. Reorder, preview page counts, and download instantly.

pdf mergermerge pdfcombine pdf
Open tool

PDF Page Organizer

Reorder, rotate, and delete PDF pages with drag-and-drop. Fully browser-based.

pdf page organizerreorder pdf pagesrotate pdf pages
Open tool

PDF Password Protector

Encrypt PDFs with user and owner passwords. AES-256 encryption, fully browser-based.

pdf passwordprotect pdfencrypt pdf
Open tool

PDF Splitter

Extract specific pages or split every page into separate PDFs. Private, browser-based processing.

pdf splittersplit pdfextract pdf pages
Open tool

PDF to Image Converter

Export PDF pages as PNG or JPEG images. Adjust resolution, preview thumbnails, and batch download.

pdf to imagepdf to pngpdf to jpg
Open tool

PDF Watermark

Add text or image watermarks to PDF pages. Customize opacity, rotation, and position.

pdf watermarkwatermark pdfadd watermark to pdf
Open tool

Placeholder Image Generator

Generate custom placeholder images with configurable size, colors, and text. Download as SVG or PNG.

placeholder imagedummy imageplaceholder generator
Open tool

PX <-> REM <-> EM <-> INCHES Converter

Convert px to rem, em, and inches instantly. Adjust root font-size, context font-size, DPI, and rounding. Quick reference tables included.

px to remrem to pxem converter
Open tool

Regex Tester

Test regular expressions with real-time matching, flags, and highlighted results.

regex testerregular expressionpattern matching
Open tool

Robots.txt Generator

Generate valid robots.txt files with presets, custom rules, and sitemap references.

robots.txt generatorrobots exclusioncrawl directive
Open tool

Roman Numeral Converter

Convert between decimal numbers and Roman numerals (I, V, X, L, C, D, M).

roman numeralsdecimal to romanroman numeral converter
Open tool

Screen Resolution Calculator

Calculate PPI, pixel density, and aspect ratio for any screen resolution and size.

screen resolutionppi calculatorpixels per inch
Open tool

Spacing Scale & Tokens Generator

Generate 4pt/8pt spacing scales and export token names/values. Includes Tailwind-friendly outputs for fast setup.

spacing scaletokenstailwind spacing
Open tool

Special Characters & Shortcuts

Find and copy special characters, symbols, and keyboard shortcuts for Mac and Windows.

special characterskeyboard shortcutsmac shortcuts
Open tool

SQL Formatter

Auto-format and beautify SQL queries with proper indentation and keyword uppercasing.

sql formattersql beautifierformat sql
Open tool

Subnet/IP Calculator

Calculate subnet masks, network ranges, and usable hosts from IP addresses and CIDR notation.

subnet calculatorip calculatorcidr
Open tool

SVG Converter

Convert SVG to PNG/JPG/WEBP or trace raster images to SVG. Batch support and ZIP download.

svg to pngsvg converterimage to svg
Open tool

Tailwind CSS Generator

Visual builder for common Tailwind CSS patterns with live preview and copy.

tailwind generatortailwind css buildertailwind components
Open tool

Text Transform

Convert text to uppercase, lowercase, title case, sentence case, slug format, and more.

text transformuppercase converterlowercase converter
Open tool

Type Scale Generator

Build a modular type scale with headings/body presets, responsive steps, and token-friendly output for design systems.

modular scaletypography scaledesign tokens
Open tool

Unix Timestamp Converter

Convert Unix timestamps to dates and dates to timestamps. Supports seconds and milliseconds.

unix timestampepoch convertertimestamp to date
Open tool

URL Encoder/Decoder

Encode and decode URLs and query strings. Convert special characters for safe URL transmission.

url encoderurl decoderpercent encoding
Open tool

UUID Generator

Generate random UUID v4 identifiers for databases, APIs, and development.

uuid generatorguid generatorrandom uuid
Open tool

Video Bitrate Calculator

Calculate video file sizes from bitrate or find required bitrate for target size.

video bitratefile size calculatorencoding calculator
Open tool

WCAG Contrast Checker

Check text/background contrast for WCAG compliance. Get AA/AAA results and suggested color tweaks that pass.

wcagaaaaa
Open tool

Word & Character Counter

Count words, characters (with/without spaces), sentences, and reading time. Track remaining characters for common limits.

word countercharacter countreading time
Open tool

Formula & Methodology

💡

Did you know? JSON (JavaScript Object Notation) was specified by Douglas Crockford in 2001 and has become the de facto standard for data interchange on the web, replacing XML in most modern APIs. The official MIME type is "application/json" per RFC 8259.

Sources

  • World Wide Web Consortium (W3C) — CSS specifications and accessibility guidelines
  • Internet Engineering Task Force (IETF) — RFC 8259 (JSON) and RFC 3986 (URL encoding) standards

Frequently Asked Questions