Skip to main content

Morphicons: A Morph Engine for the Icons You Already Ship

ยท 4 min read
Gergely Sipos
Frontend Architect

banner

Morphicons is not an icon set. It ships zero icons. It is a ~6.6 KB gzip engine that interpolates SVG d paths, so any stroke icon can smoothly morph into any other one โ€” hamburger into close, play into pause, sun into moon. Instead of asking you to adopt yet another pack, it sits on top of the sets we already recommend: Lucide and Heroicons outline. The idea is genuinely clever. The maturity is genuinely worrying. Both are worth a closer look.

๐ŸŽจ State of CSS 2026: The Feature Everyone Wants Is the One Nobody Can Ship

ยท 11 min read
Gergely Sipos
Frontend Architect

banner

The State of CSS 2026 results are out, fielded May 15 โ€“ June 29, 2026 with ~4,900 respondents. The question set shrank from 63 features to 46, and the headline is a contradiction: the most-wanted new feature of the year is also the most-avoided one. Underneath that sits something stranger โ€” CSS is the one part of the frontend stack AI still can't write. This post is about what to do differently, not about what the charts say.

My Model Usage, July 2026: Receipts for the Routing Theory

ยท 12 min read
Gergely Sipos
Frontend Architect

This is my token telemetry for July 2026 โ€” one developer's month, pulled from the Aliz AI usage dashboard. Earlier this month I wrote You Don't Deserve Fable (Yet), which argued that routing discipline comes before reaching for the biggest model on the menu. This post is a month of receipts for that argument, including the parts where I plainly haven't applied my own advice. It's also a mixture of before and after: the routing discipline was still forming while the month ran, so this isn't a steady state. Some of the chart describes habits I'd already changed, and some of it describes habits I was in the middle of changing.

TypeScript 7.0: The Go Rewrite Lands โ€” What It Means for Your Projects

ยท 7 min read
Gergely Sipos
Frontend Architect

banner

TypeScript 7.0 shipped on July 8, 2026. The compiler is now written in Go โ€” a line-by-line port of the existing TypeScript codebase (codename "Corsa"), not a from-scratch rewrite. The result is 8โ€“12x faster builds, dramatically faster editor responsiveness, and a language server that crashes far less often. This is the single biggest performance improvement in TypeScript's 12-year history. But it comes with real breaking changes, a missing programmatic API, and a migration path that rewards patience over haste.

shadcn/ui Makes Base UI the Default โ€” Radix Is Now Opt-In

ยท 3 min read
Gergely Sipos
Frontend Architect

shadcn/ui launched on Radix in January 2023, and for three years Radix was the primitive layer under every component you copied into your repo. As of July 2026, that default has changed: new shadcn projects now scaffold on Base UI. This isn't a forced migration or a deprecation โ€” Radix stays fully supported, and both libraries keep getting new components. The signal worth paying attention to is why the default moved: people running shadcn create were already picking Base UI over Radix roughly 2-to-1, so the default simply caught up to what teams were already choosing.

You Don't Deserve Fable (Yet)

ยท 5 min read
Gergely Sipos
Frontend Architect

Claude Fable is the most capable model Anthropic has shipped โ€” above Opus class, frontier reasoning, genuinely impressive on hard problems. It's also the fastest way to burn through your token budget if you haven't built the discipline to use it correctly. Most developers will reach for it because it's the best, use it for tasks Haiku could handle, and wonder why their costs exploded. This post is about earning the right to use Fable by mastering the cheaper models first.

@ttsc/graph: An MCP Server That Gives AI Agents a Map of Your TypeScript Codebase

ยท 5 min read
Gergely Sipos
Frontend Architect

AI coding agents waste a remarkable number of tokens just figuring out how your code connects. They open file after file, read imports, chase type definitions, and slowly build a mental model of architecture โ€” burning through context windows and money in the process. @ttsc/graph takes a different approach: it hands the agent a compiler-resolved architecture graph upfront, so it can navigate by structure instead of reading source. It's early (v0.16), requires TypeScript v7 rc, and the benchmarks are vendor-supplied โ€” but the idea is sharp enough to be worth knowing about. The author is Jeongho Nam (samchon), known for typia and nestia, which adds some credibility to the execution.