https://ra9.github.io/tan-compose/blog/ A tiny library for declaratively defining reusable Web Components, plus a 23-component kit and a curated icon set. en Wed, 20 May 2026 01:17:42 GMT https://ra9.github.io/tan-compose/blog/drawing-icons-by-hand.html https://ra9.github.io/tan-compose/blog/drawing-icons-by-hand.html Wed, 20 May 2026 00:00:00 GMT icons v0.3.0 · craft Most icon libraries are a curated tax — you install two thousand SVGs to use forty. The one you actually need is never in the set. Custom icons are accessible once you internalize that an icon is a sixty-character string and the alphabet to write one is small enough to learn in an afternoon. https://ra9.github.io/tan-compose/blog/liberia-by-the-numbers.html https://ra9.github.io/tan-compose/blog/liberia-by-the-numbers.html Thu, 14 May 2026 00:00:00 GMT case study · charts Liberia's population grew five-fold between 1960 and 2023 — from about a million to 5.4 million. Its access to electricity, basic sanitation, and primary care did not scale with it. Six charts, one stat board, all themed against the same CSS tokens, fetched from a JSON endpoint by tc-chart so the page can re-skin without a rebuild. https://ra9.github.io/tan-compose/blog/kit-1-6-from-24-to-35.html https://ra9.github.io/tan-compose/blog/kit-1-6-from-24-to-35.html Tue, 12 May 2026 00:00:00 GMT kit v1.6.0 · v1.7.0 · release Eleven new components grow the kit from 24 to 35. The interesting bits aren't on the surface — they're the platform features each piece leans on. Native dialog for the drawer, popover API for the tooltip, MutationObserver for the carousel's slot, and a clip-path that keeps half-stars exact at any zoom. https://ra9.github.io/tan-compose/blog/build-a-tasks-app.html https://ra9.github.io/tan-compose/blog/build-a-tasks-app.html Sun, 10 May 2026 00:00:00 GMT tutorial · kit A small CRUD app — list, add, mark done, delete, with live stats and toasts — wired entirely from @ra9/tan-compose-kit. No framework, no build step. The whole thing is one HTML file and about eighty lines of JavaScript. https://ra9.github.io/tan-compose/blog/keyed-reconciliation-in-60-lines.html https://ra9.github.io/tan-compose/blog/keyed-reconciliation-in-60-lines.html Sun, 10 May 2026 00:00:00 GMT internals How for: { items, key, render } actually works. The cache, the identity check, what gets torn down, and why no virtual DOM is involved. Annotated walk-through of the implementation in build.ts. https://ra9.github.io/tan-compose/blog/feels-native.html https://ra9.github.io/tan-compose/blog/feels-native.html Sun, 10 May 2026 00:00:00 GMT v0.4.0 · release v0.3 gave us building blocks. v0.4 is about the seams — refs, form-association, and adopted stylesheets that let a tan-compose element behave like a real platform primitive. https://ra9.github.io/tan-compose/blog/built-the-site-with-the-kit.html https://ra9.github.io/tan-compose/blog/built-the-site-with-the-kit.html Sun, 10 May 2026 00:00:00 GMT meta · rewrite Twelve pages, 2,470 fewer lines of HTML, three new shared primitives, and five small papercuts that I'd never have noticed without trying to live inside the library. The wins, the cost, the things I'd change next. https://ra9.github.io/tan-compose/blog/why-i-built-tan-compose.html https://ra9.github.io/tan-compose/blog/why-i-built-tan-compose.html Sun, 10 May 2026 00:00:00 GMT essay On the framework tax for small UI, what the platform actually gives you, and the v0.3 building blocks for putting together real components — datatables, forms, anything bigger than a styled button — without reaching for React. https://ra9.github.io/tan-compose/blog/anatomy-of-a-dashboard.html https://ra9.github.io/tan-compose/blog/anatomy-of-a-dashboard.html Sun, 10 May 2026 00:00:00 GMT kit · case study How the /demo/admin/ page composes — an in-memory store, a filter bar reading from three controls, a keyed datatable that embeds badges in cells, two modals with different state owners, a theme switcher in three constants, and the production gaps that would slot into the same shape.