I build web tools that have something technically real underneath a small surface. Mostly TypeScript and Next.js, usually with a design problem sitting in the middle of the engineering one.

Paste any URL, get every font the page uses, preview it live, download WOFF / WOFF2 / TTF / OTF. Around 200k people have used it.

The part worth reading is the "find a free alternative" path. It parses the font binary with opentype.js and reduces each face to a 15-dimension feature vector: x-height and cap-height ratios, stroke contrast, an italic angle, a serif score computed from the glyph outlines, and roundness measured as curve commands over total path commands. Matching is a weighted nearest-neighbour search against a precomputed database of 1,920 Google Fonts families. The weights are hand-tuned rather than learned, and the reasoning is in the source: isMonospace is 3.0 because monospace is a different universe, serifScore is 1.8 because serif versus sans is the biggest visual class a reader notices, xHeightRatio is 1.3 because it is the strongest proportional differentiator. Iconic families like Helvetica and SF Pro bypass the metric entirely and hit a hand-curated override table, because for those, curation beats the algorithm.

It is a tool called font-stealer that ships a licensing disclaimer and a built-in path to legal alternatives.

Next.js 15 App Router TypeScript opentype.js Tailwind Framer Motion

Most of what I build is not. Some of it is worth mentioning: a design-capture system spanning a Chrome MV3 extension, a Next.js canvas app and an MCP server that share a written integration contract, so a coding agent can read the design vault directly; a shadcn-style component registry; and a multi-tenant retail operations app on MySQL and Redis. Happy to walk through any of it.

Reach me at bansalshorya13@gmail.com.