Skip to content
C
Code & Developers
CSS Keyframes Helper
Generate a starter @keyframes block and animation shorthand from name, duration, and from/to CSS.
Open tool
B
Code & Developers
Border Radius Generator
Set individual corner radii and preview a rounded box with copyable CSS border-radius.
Open tool
C
Code & Developers
CSS Box Shadow Generator
Tune offset, blur, spread, and color to build a CSS box-shadow with a live preview box.
Open tool
C
Code & Developers
CSS Clamp Calculator
Build a CSS clamp() from min, preferred viewport-based, and max values with a sample output.
Open tool
C
Code & Developers
Code to Image
Turn syntax-highlighted code into a shareable PNG for documentation, slides, and social posts.
Open tool
C
Code & Developers
Cron Expression Generator
Pick minute, hour, day, month, and weekday fields to build a standard five-field cron expression.
Open tool
M
Code & Developers
Multiple Cron Generator
Add multiple cron rows (minute hour dom mon dow + command) and export a crontab block.
Open tool
C
Code & Developers
CSS Grid Playground
Adjust columns, gap, and justify/align settings on a live CSS grid preview.
Open tool
C
Code & Developers
CSS Minify / Beautify
Compress or beautify CSS for production builds and readable debugging without leaving the browser.
Open tool
C
Code & Developers
CSS Specificity Calculator
Calculate a,b,c CSS specificity scores for a selector and explain the contribution of each part.
Open tool
C
Code & Developers
CSS Validator
Validate CSS against the W3C Jigsaw service and review reported issues before you ship styles.
Open tool
C
Code & Developers
cURL Builder
Build a curl command from method, URL, header lines, and body fields.
Open tool
C
Code & Developers
cURL to fetch() Converter
Turn a simple cURL command into a browser fetch() snippet with method, headers, and body.
Open tool
D
Code & Developers
Dockerfile Linter
Heuristic Dockerfile checks for latest tags, missing USER, apt without cleanup, and secrets in ENV.
Open tool
E
Code & Developers
EditorConfig Generator
Generate an .editorconfig with indent style, size, charset, and newline preferences.
Open tool
E
Code & Developers
Env File Validator
Paste a .env file to check duplicate keys, empty values, invalid KEY characters, and quote issues.
Open tool
C
Code & Developers
CSS Filter Generator
Combine blur, brightness, contrast, and saturate filters with a live preview element.
Open tool
F
Code & Developers
Flexbox Playground
Experiment with flex-direction, justify-content, and align-items on a live flex preview.
Open tool
.
Code & Developers
.gitignore Generator
Pick common stacks to assemble a starter .gitignore for Node, Python, WordPress, and OS junk.
Open tool
G
Code & Developers
GraphQL Formatter
Indent GraphQL queries and mutations for clearer reviews and documentation snippets.
Open tool
G
Code & Developers
GraphQL to TypeScript
Best-effort regex conversion of basic GraphQL type definitions into TypeScript interfaces.
Open tool
H
Code & Developers
HTML Minifier
Minify HTML to reduce payload size before publish or deploy while keeping a copy-ready result.
Open tool
H
Code & Developers
HTML to JSX Converter
Convert common HTML attribute patterns into JSX-friendly markup for React components.
Open tool
H
Code & Developers
HTML Validator
Validate HTML markup via the W3C Nu checker through a WordPress proxy and review reported issues.
Open tool
H
Code & Developers
HTTP Status Code Reference
Look up HTTP status codes and meanings while debugging APIs, proxies, and browser network panels.
Open tool
J
Code & Developers
JavaScript Minify / Beautify
Minify or beautify JavaScript snippets for quicker shipping checks and readable code review.
Open tool
J
Code & Developers
JSON Formatter
Format, minify, and validate JSON locally so API payloads and config files stay readable and correct.
Open tool
J
Code & Developers
JSON to TypeScript Interface
Infer a TypeScript interface from sample JSON for faster typing of API responses.
Open tool
J
Code & Developers
JSON ↔ XML Converter
Convert simple JSON objects to XML and back for quick payload prototyping.
Open tool
J
Code & Developers
JWT Encoder
Build an unsigned demo JWT from header and payload JSON for local testing (not for production secrets).
Open tool
M
Code & Developers
Markdown Table Generator
Turn CSV-like rows into a GitHub-flavored Markdown table you can paste into docs and READMEs.
Open tool
M
Code & Developers
Mermaid Preview
Paste Mermaid source and render diagrams via dynamic import of mermaid from jsDelivr CDN.
Open tool
N
Code & Developers
Nano ID Generator
Generate URL-friendly Nano ID style strings with configurable length and count.
Open tool
N
Code & Developers
Nginx Config Generator
Generate an nginx server block from server_name, root, optional PHP-FPM socket, and SSL on/off.
Open tool
O
Code & Developers
OpenAPI Formatter
Format or minify OpenAPI JSON documents. YAML-ish input is accepted only when it parses as JSON.
Open tool
P
Code & Developers
PX ↔ REM Converter
Convert between px and rem using a configurable root font size for CSS spacing systems.
Open tool
S
Code & Developers
SQL Formatter
Beautify SQL with basic keyword capitalization to make queries easier to review and share.
Open tool
S
Code & Developers
SVG to JSX
Convert SVG markup into a React component string with class to className and related attribute fixes.
Open tool
C
Code & Developers
CSS Transform Generator
Combine translate, scale, and rotate transforms with a live preview box.
Open tool
U
Code & Developers
ULID Generator
Generate ULIDs that sort by time while remaining URL-safe for distributed systems demos.
Open tool
V
Code & Developers
Viewport Emulator
Preset device widths plus custom size to preview an iframe-like box and container query tip CSS dimensions.
Open tool
W
Code & Developers
Webhook Payload Formatter
Pretty-print JSON webhook payloads so event handlers and failing deliveries are easier to debug.
Open tool
X
Code & Developers
XML Formatter / Beautify
Beautify or minify XML markup in the browser for readable payloads and compact transport.
Open tool