html69// dev utilities

html69 // tool directory

Fast, free developer utilities.

Convert YAML to JSON and JSON back to YAML, encode SVG as Base64 or a data URI, turn SVG into JSX, convert CSS to Tailwind, compile Tailwind back to CSS, generate box shadows, build fluid clamp() sizes, compile SCSS, turn HTML tables into Markdown, Markdown into JSX, JSON into TypeScript, then reach for the next utility without leaving the tab. Every tool runs in your browser — no accounts, no server round-trips. Files you pick never leave this device.

YAML

YAML to JSON Converter

Paste YAML, get JSON.

JSON

JSON to YAML Converter

Paste JSON, get YAML.

SVG

SVG to Base64 & CSS Data URI Encoder / Decoder

Encode SVG, decode CSS data URIs.

React

SVG to JSX Converter

Paste SVG, get React JSX.

CSS

CSS to Tailwind Converter

Paste CSS, get Tailwind classes.

CSS

CSS Box Shadow Generator

Dial in shadows, copy the CSS.

CSS

CSS Clamp Generator

Fluid type and space, copy clamp().

CSS

Tailwind to CSS Converter

Paste Tailwind, get CSS.

CSS

SCSS to CSS Converter

Compile SCSS to CSS in the tab.

HTML

HTML Table to Markdown Converter

Paste a table, get Markdown.

React

Markdown to JSX Converter

Paste Markdown, get React JSX.

TypeScript

JSON to TypeScript Interface Generator

Turn JSON into TypeScript interfaces.