GraphQL Query Formatter and Validator
Format GraphQL and review syntax errors.
Developer tools
Everyday helpers for code and configuration. Format and validate JSON, encode or decode Base64 and URLs, escape HTML entities, read a JWT, convert number bases, or generate unique identifiers. Inputs are handled in the browser, so tokens and sample payloads stay with you.
85 tools in this part of the catalogue.
Showing 49-85 of 85 tools, page 2 of 2
Formatters and validators3 tools
JSON Schema Validator and Sample Generator
Check a schema subset or generate a valid sample.
Kubernetes and CI YAML Checker
Review Kubernetes and GitHub workflow YAML.
Encode and decode1 tool
SVG to Data URI Converter
Turn supported SVG markup into a data URI and CSS.
Test and debug3 tools
XML XPath Query Tester
Test XPath against pasted XML.
JSONPath Query Tester
Find JSON values with a bounded JSONPath query.
HAR Viewer and Redactor
Review and reduce a saved HAR.
Inspect and convert8 tools
Snowflake and Prefixed ID Decoder
Inspect snowflake fields or split a prefixed ID.
ZIP Archive Extractor and Creator
Inspect ZIP entries or create a local archive.
User-Agent and Client Hints Explainer
Explain pasted browser identification fields.
Browser Feature Support Lookup
Review selected browser support records.
SQL DDL to ER Diagram
Diagram tables and declared foreign keys.
OpenAPI Specification Inspector
Inspect an API specification without calling it.
Font File Metadata Inspector
Inspect a local TTF or OTF file.
Dotenv Inspector and Example Builder
Check keys and replace every value.
Generators5 tools
HTML Boilerplate Generator
Create a semantic HTML page with metadata and a skip link.
Responsive Table Generator
Generate responsive HTML from a small table.
HTML Form Builder
Export a labeled form from a field schema.
Web Server Rule Generator
Prepare redirect or static-cache snippets.
SVG Sprite Builder
Combine static SVG icons into a sprite.
Color and CSS17 tools
CSS Filter and Backdrop Filter Generator
Combine CSS filters and inspect a local sample.
CSS Transform and 3D Playground
Preview 2D and 3D transforms and copy their matrix.
CSS Flexbox Playground
Arrange a Flexbox sample and copy container and item CSS.
Typography Scale and Line Height Calculator
Build a type scale with sizes, line heights and CSS.
Web Font Stack Generator
Build a font-family stack with local fallbacks.
Spacing Scale Generator
Create a linear or geometric CSS spacing scale.
Color Palette Generator
Build hue harmonies from one base color.
CSS Theme Token Builder
Export light and dark CSS custom properties.
CSS Spinner and Skeleton Generator
Generate loading CSS from fixed templates.
CSS Animation and Keyframe Generator
Build keyframes and preview their motion.
CSS Specificity Calculator
Compare supported selector specificity.
CSS Clip-Path and Shape Generator
Preview clip shapes and copy their CSS.
SVG Path Data Explainer and Editor
Explain path commands and edit one point.
Color Blindness Simulator
Review palette colors under a named model.
Font Pairing Preview
Compare heading and body font choices.
SVG Optimizer and Cleaner
Clean supported SVG and compare geometry.
CSS to Tailwind Reference
Map supported CSS to dated Tailwind utilities.