Developer Tools
Generate data URIs, test regular expressions, convert JSON and YAML, compare JSON documents, build CSS flexbox, grid and animation code, and create Markdown tables. 8 tools, each running privately in your browser — nothing is ever uploaded.
Developer Tools 8
Data URI Generator
Developer ToolsTurn an image into a ready-to-paste data: URI for HTML or CSS.
Launch toolRegex Tester
Developer ToolsTest a regular expression against sample text with flags, live match highlighting, capture groups, and replace mode.
Launch toolJSON ↔ YAML Converter
Developer ToolsConvert JSON to YAML and YAML to JSON with clean formatting and exact line-and-column errors.
Launch toolJSON Diff Viewer
Developer ToolsCompare two JSON documents and see added, removed and changed values in a nested, colour-coded tree.
Launch toolCSS Flexbox Generator
Developer ToolsBuild flexbox layouts visually with live preview, item controls and clean copy-ready CSS and HTML.
Launch toolCSS Grid Generator
Developer ToolsDesign CSS grid layouts with track sizes, gaps, item placement, visible grid lines and clean CSS and HTML.
Launch toolCSS Animation Generator
Developer ToolsCreate CSS keyframe animations — fade, slide, bounce, pulse and more — with a live preview and clean CSS.
Launch toolMarkdown Table Generator
Developer ToolsBuild Markdown tables visually with alignment, row and column editing and CSV or spreadsheet paste.
Launch toolEvery tool is local-first
There is no upload step and no server processing. Each tool uses native browser APIs, so your files and text never leave your device.