0

Mac Keyboard Shortcut Visualizer – Online Modifier Key Cheatsheet

Press a combination of modifier keys and see which common macOS shortcuts use them. Learn by experimentation.

Developer Tools keyboard Mac shortcut

0

CSS Grid Cheatsheet – Online Interactive Template Areas

Visual reference for CSS Grid properties. Click to see code snippets and visual demos.

Cheatsheet cheatsheet CSS Grid interactive

0

HTML Class Name Shortener – Online Reduce File Size

Replace long CSS class names with short random strings. Map generated. For production optimization.

Developer Tools class HTML minifier

0

WHOIS Domain Lookup – Online Simple Registration Check

Enter a domain and see public WHOIS info via a free API with rate limiting. Quick domain check.

Developer Tools domain lookup WHOIS

0

SVG Path D to Array – Online Extract Coordinates

Paste an SVG path d string and parse it into an array of commands and coordinates. Useful for animations.

Developer Tools coordinates d attribute SVG path

0

Viewport Unit Calculator – Online vw vh vmin vmax to PX

Enter a CSS value in vw/vh and see the actual pixel size at current viewport. Dynamic resize demo.

Calculator calculator CSS viewport unit

0

CSS Media Query Range Tester – Online Width/Height Debug

Paste media queries and see a visual indicator of which rules apply at current viewport size.

Developer Tools CSS media query tester

0

Barcode Scanner Simulator – Online Enter Number & Visualize

Type a UPC or EAN number and see how a laser scanner would identify it, plus check digit validation.

Developer Tools barcode scanner simulator

0

Simple Uptime Monitor - Online Check Website Status from Your Browser

Enter a URL and click to check if it's reachable from your browser (CORS-limited, uses no-cors fetch). Quick manual test. Local only.

Developer Tools check monitor uptime website

0

Base58 Encoder & Decoder - Online Bitcoin-Style Address Tool

Encode or decode data to/from Base58 (Bitcoin alphabet). Useful for cryptocurrency address generation testing. Fully local, no data sent.

Developer Tools Base58 Bitcoin decode encode

0

YAML to JSON Schema Converter - Online OpenAPI Infer Structure

Paste a YAML example and generate a JSON Schema draft that matches the structure. Helps build API specs. Pure client-side inference.

Converter converter JSON Schema YAML

0

Browser Console Simulator - Online Practice JavaScript Logging

Type JavaScript expressions and see output like a real browser console. Supports console.log, error, warn. Use for quick testing without DevTools.

Developer Tools console debug JavaScript simulator

0

CSS Animation Library Browser - Online Preview & Copy Keyframes

Browse a collection of ready-to-use CSS animations (fade, slide, bounce). Click to preview, then copy @keyframes and class to your project. Local tool.

Developer Tools animation CSS library preview

0

SVG Path Minifier - Online Clean & Optimize Path Data

Paste SVG path data and remove unnecessary precision, normalize commands, and reduce size. Helpful for optimizing inline SVGs. Local tool.

Developer Tools minifier optimize path SVG

0

Semantic Versioning Validator - Online Check Semver Syntax

Validate and compare semantic version strings. Check if a version satisfies a range (e.g., ^1.2.3). Visual breakdown of major.minor.patch. Local only.

Developer Tools semantic semver validator version

0

JSON Deep Diff Checker - Online Compare & Highlight Changes

Compare two JSON objects and see added, removed, or changed keys. Visual tree view with color highlighting. Handles nested structures. Local processing.

Checker compare deep diff JSON

0

SCSS to CSS Converter - Online Free Sass Compiler

Compile SCSS code to CSS directly in the browser using the official Sass.js library. Supports variables, mixins, nesting. No server upload required.

Compiler compiler CSS SASS SCSS

0

JavaScript Regex Cheatsheet - Online Interactive Pattern Reference

Interactive cheatsheet for JavaScript regular expressions with live examples. Click any token to see its explanation and test it on sample text immediately.

Developer Tools cheatsheet JavaScript reference regex

0

SQL JOIN Temperature Tester - Online Quick Join Syntax Checker

Quickly test SQL JOIN syntax (INNER, LEFT, RIGHT, FULL) with a sample database schema. Check logic and see conceptual result set without a real DB. Local only.

Developer Tools JOIN SQL syntax tester

0

Date/Time Format Sandbox - Online Intl.DateTimeFormat Tester

Experiment with JavaScript Intl.DateTimeFormat options. Choose locale, dateStyle, timeStyle, hour12 and see live output. Copy the code snippet for your project.

Developer Tools DateTimeFormat format Intl sandbox

0

IPv4 Subnetting Practice Quiz - Online CIDR & Netmask Drills

Practice calculating network ID, broadcast address, and usable IPs from a random IP/CIDR combination. Instant feedback and score tracking. Perfect for CCNA prep.

Developer Tools CIDR IP practice quiz subnet

0

SQL CREATE TABLE to CSV Header - Online Column Lister

Paste a SQL CREATE TABLE statement and extract just the column names as a CSV header row. For data migration.

Converter CSV header SQL table

0

MySQL ENUM to TypeScript Union - Online Schema Converter

Paste a MySQL ENUM definition and get a TypeScript union type string literal. For type‑safe database schemas.

Converter converter ENUM MySQL TypeScript

0

Base64 to CSS @font‑face Converter - Online Embed Font

Paste a Base64 encoded font string and generate the complete @font‑face CSS rule. Inline small fonts easily.

Converter Base64 CSS font @font‑face

0

Webhook Tester & Inspector - Online View Incoming Payloads

Generate a temporary webhook URL (mock) and view the JSON payloads sent to it. Great for testing integrations locally.

API inspector payload tester webhook

0

Telegram Bot Markdown/HTML Builder - Online Message Formatter

Compose messages with bold, italic, links, and code. See the raw HTML or Markdown for your Telegram bot API calls.

Developer Tools bot format message Telegram

0

Google Apps Script Web App Boilerplate - Online Starter Code

Generate the doGet() and doPost() boilerplate for a Google Apps Script web app. Ready to paste into the editor.

Developer Tools boilerplate generator Google Apps Script web app

0

Bookmarklet Code Builder - Online Convert JS to Bookmark

Write a JavaScript snippet and get a ready‑to‑drag bookmarklet link. With minification and encoding. Easy browser tools.

Developer Tools bookmark bookmarklet builder JavaScript

0

CSS Dynamic Island Demo - Online Pill Shape Animation

Create the iPhone Dynamic Island look‑alike with a pill that expands on hover. Pure CSS. Copy the playful code.

Developer Tools animation CSS dynamic island pill

0

Neumorphism Card Builder - Online Soft UI Generator

Design a soft, extruded card with inner and outer shadows. Adjust depth and roundness. Copy the CSS.

Developer Tools card CSS neumorphism soft UI

0

Glassmorphism Card Builder - Online Frosted UI Developer

Create a frosted glass card with background blur, border glow, and shadow. Adjust intensity. Copy the CSS.

Developer Tools card CSS generator glassmorphism

0

Responsive Navbar Generator - Online Pure CSS Hamburger

Design a responsive navigation bar with a pure CSS hamburger menu. Customize colors and breakpoints. Copy the code.

Developer Tools CSS hamburger navbar responsive

0

Bidirectional Text Analyzer - Online RTL/LTR Detection

Paste text with mixed Arabic/Hebrew and English. See the Unicode bidi class of each character and ordering. i18n debugger.

Developer Tools bidi bidirectional RTL text

0

Unicode Normalization Tester - Online See NFC vs NFD

Paste two strings that look the same and see if they differ after normalization. Debug invisible encoding bugs.

Debugging NFC normalizer test Unicode

0

Pseudo‑Localization Generator - Online Test UI for i18n

Transform English text into pseudolocalized text with accents, expansion, and brackets. Test your UI's readiness for translation.

Developer Tools i18n pseudo‑localization test translation

0

i18n Missing Key Finder - Online Compare Language Files

Paste the reference language JSON and a target language JSON. See which keys are missing or extra. Translate with confidence.

Developer Tools i18n keys missing translation

0

i18n JSON to CSV Converter - Online Flatten Translation Files

Convert nested JSON translation files into a flat CSV table for translators. Also reverse back. Local only.

Converter CSV i18n JSON translation

0

Quartz Cron to Unix Cron Converter - Online Format Translator

Paste a Quartz cron expression (with seconds field) and translate it to standard Unix cron. For devops migrations.

Converter converter cron format Quartz

0

Subresource Integrity (SRI) Hash Generator - Online

Enter a CDN URL for a script or style and generate the integrity attribute with sha384 or sha512. Protect your site.

Developer Tools generate hash integrity SRI

0

Redirect Rule Tester - Online See How Browsers Follow

Enter a URL and see the full redirect chain with status codes and response times. Also validates against your chosen rule.

Developer Tools chain redirect status tester

0

Apache RewriteRule Generator - Online mod_rewrite Helper

Build Apache mod_rewrite rules for redirects or clean URLs. Fill in simple fields and get the .htaccess code.

Developer Tools Apache generator mod_rewrite rewrite

0

Nginx Location Block Builder - Online Config Snippet

Build a complete Nginx location block for reverse proxy, static files, or redirect. Copy the snippet. Quick config help.

Developer Tools generator location Nginx proxy

0

Terraform AWS EC2 Config Generator - Online Basic HCL

Configure a basic EC2 instance and security group and get the main.tf file. Learn infrastructure as code. Local.

Developer Tools AWS EC2 generator Terraform

0

Kubernetes Deployment YAML Generator - Online K8s Spec

Fill in container image and ports. Generate a Deployment and Service YAML with best practices. Start your K8s journey.

Developer Tools deployment generator Kubernetes YAML

0

Docker Compose File Generator - Online Multi‑Service Setup

Add services like Node, Postgres, Redis, and Nginx. Configure ports, volumes, and env vars. Download the docker‑compose.yml.

Developer Tools docker‑compose generator services YAML

0

CI/CD Pipeline YAML Generator - Online GitHub Actions/GitLab CI

Select your tech stack and generate a basic CI/CD pipeline YAML file for GitHub Actions, GitLab CI, or Bitbucket.

Developer Tools CI/CD generator pipeline YAML

0

Jest/Vitest Unit Test Generator - Online Function Stub

Write a function name and get a complete unit test stub with describe, it, and expect. Follows AAA pattern.

Developer Tools generator Jest test Vitest

0

Playwright Test Skeleton - Online Script Boilerplate

Create a basic Playwright script with browser launch, page navigation, and screenshot. Start E2E testing instantly.

Developer Tools generator Playwright skeleton test

0

React Testing Library Skeleton - Online Test Boilerplate

Enter a component name and generate a complete RTL test file with render, screen, and common assertions. Fast testing setup.

Developer Tools boilerplate generator React Testing Library test

0

Astro Component Generator - Online .astro Boilerplate

Generate an Astro component with frontmatter, template, and optional client‑side island directive. For content sites.

Developer Tools Astro component generator island

0

Remix Route Generator - Online Loader & Action Template

Create a Remix route file with loader, action, and default export. TypeScript ready. Copy the route.tsx.

Developer Tools generator loader Remix route

0

Nuxt Page Boilerplate - Online Vue.js Setup

Generate a Nuxt 3 page component with script setup, metadata, and styles. For Vue.js developers. Copy the .vue file.

Developer Tools boilerplate Nuxt page Vue

0

Next.js Page Boilerplate - Online App Router Setup

Generate a Next.js page.tsx file with Server Component or Client Component. Layout and metadata included.

Developer Tools App Router boilerplate Next.js page

0

Ember.js Component Generator - Online Glimmer Starter

Build an Ember.js component with template, class, and styles. Follows Octane conventions. Copy the .hbs and .js.

Developer Tools component Ember generator Glimmer

0

Qwik Component Generator - Online Resumable Starter

Create a Qwik component with component$, useSignal, and JSX. Understand resumability. Copy the example.

Developer Tools component generator Qwik resumable

0

SolidJS Component Scaffold - Online Quick .tsx Template

Generate a SolidJS component with signals, props, and styles. Choose TypeScript. Copy the ready‑to‑use code.

Developer Tools component generator scaffold SolidJS

0

Svelte Component Boilerplate - Online Quick .svelte Template

Create a Svelte single‑file component with script, style, and markup. Choose TypeScript or JavaScript. Copy the .svelte file.

Developer Tools boilerplate component generator Svelte

0

Stencil.js Component Generator - Online Web Component Starter

Fill in a component name and generate a complete Stencil.js component with TSX, CSS, and test files. Quick start.

Developer Tools generator starter Stencil web component

0

CSS Modules Class Name Generator - Online Scoped Styles

Write global CSS and auto‑generate unique, scoped class names with source maps. Understand CSS Modules naming.

Developer Tools class names CSS Modules generator scoped

0

Pug to HTML Converter - Online Compile Indented Templates

Paste Pug template code and compile it to HTML. See the rendered output instantly. For static site devs.

Converter compile converter HTML Pug