NNaresh Pentapati·6d agoThe most important screen in your product is now the one where you say yesWhen agents do the work, the approval moment becomes the product. Design it like the stakes are real.6 min read·nareshpentapati.hashnode.dev
UUrban Mixo·6d agoThe 14KB Design System: Styling 30 Interactive Web Apps with Zero Frameworks and 100/100 Core Web VitalsWhy we ditched Tailwind and CSS-in-JS to build an accessible, dark/light ready, responsive utility suite in pure native CSS.7 min read·urbanmixo.hashnode.dev2S
FFigsh hux·Oct 29ai-ui.fscss Full Reference — Reusable AI UI Components for FSCSSReusable components for AI product surfaces — pure CSS, zero models, zero backends.11 min read·fscss.hashnode.dev
YYurick Hoang·Oct 25Managing variables in a design system: a three-layer structure for products with dark modeI once opened a design system file and found the same gray typed in by hand in more than a dozen places, each a few hex codes off. Rebranding meant fixing every layer one by one. Figma variables exist7 min read·yurickart.hashnode.dev
SSerban Dan Rusu·Oct 24Tailwind v4 Design Tokens: Colors, Dark Mode and ContrastTailwind v4 design tokens from a production React library: @theme inline, semantic surfaces, dark mode and a contrast check for CI.29 min read·wingo-ui.hashnode.dev
Aatul falle·Oct 21Why I'm Building a shadcn-Style Component Library for AngularDiscover ng-elemental, an open-source Angular component library with copy-paste UI components, CLI tooling, and MCP support.2 min read·ng-elemental.hashnode.dev
MManiruzzaman Jubayer·Oct 18Design system examples: 9 public systems and what to copyMaterial 3, Carbon, Fluent 2, Primer, GOV.UK and more: what each design system publishes, what it teaches, and what to copy at each stage.17 min read·jubayer910.hashnode.dev
CCapiLabs·Oct 18How I Built a Chrome Extension to Inspect & Audit Live Design Tokens (Shadow DOM, CORS, and Delta E Color Math)A deep dive into traversing stylesheet rules across Shadow Roots, handling cross-origin security errors, and implementing a perceptual Oklab/Delta E fuzzy color matching engine in pure Vanilla JS.5 min read·token-inspector.hashnode.dev
VVorlyx·Oct 16The AI Hangover: Why Calm UX Beats ChatbotsThe interface as the accountability layer: why modern product engineering is leaving conversational widgets behind in favor of intentional craft.2 min read·vorlyx.hashnode.dev
SSuprabhat Kumar·Oct 15How to Build Scalable React UI Without OverengineeringSemantic HTML, behavior-led components, accessible states and performance budgets that keep React interfaces maintainable as they grow.7 min read·suprabhatkumar.hashnode.dev1