Tools for code manipulation and analysis
Generate TypeScript types from JSON, JavaScript, or GraphQL schemas. Includes templates for common types and automatic interface generation.
Extract and analyze React component props from TypeScript files. Generate prop interfaces, documentation, and default values.
Calculate and visualize CSS selector specificity. Analyze and compare multiple selectors to understand which rules take precedence.
Format and beautify code with customizable options for JavaScript, TypeScript, HTML, CSS, and JSON.
Minify HTML and CSS code with customizable optimization options
Obfuscate and minify JavaScript code with advanced options
Convert HTML to React JSX — class→className, style strings to objects, self-closing tags, and more.
Visualize a regular expression as a railroad diagram with a plain-English breakdown and live match tester.
Turn a code snippet into a polished, shareable image with window chrome, themes, and syntax colors.
Generate Go structs, Python dataclasses, and Rust serde structs from a JSON sample, with nested types.
Convert between plain CSS and SCSS/LESS — nest selectors, extract variables, or flatten back to CSS.
Audit inert HTML for accessible names, document structure, landmarks, ARIA references, tables, focus order, and inline contrast.
