FFigsh hux2d ago · 11 min readai-ui.fscss Full Reference — Reusable AI UI Components for FSCSSai-ui.fscss Full Reference Reusable components for AI product surfaces — pure CSS, zero models, zero backends. Shell · Messages · Prompt · Stream · Thinking · Citations · Artifacts · Workflow · Usagefscss.hashnode.dev
YYurick Hoang6d ago · 7 min readManaging 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 existyurickart.hashnode.dev
SSerban Dan RusuOct 24 · 29 min readTailwind v4 Design Tokens: Colors, Dark Mode and ContrastTL;DR Tailwind v4 design tokens are CSS variables: keep the values that change between light and dark in :root and .dark, then map them to utilities with @theme inline, so bg-surface or text-muted-forwingo-ui.hashnode.dev
Aatul falleOct 21 · 2 min readWhy I'm Building a shadcn-Style Component Library for AngularModern frontend development has many great component libraries. But I wanted to explore a different approach for Angular: one where developers have more control over the components they use in their ang-elemental.hashnode.dev
MManiruzzaman JubayerOct 18 · 17 min readDesign system examples: 9 public systems and what to copyOriginally published at maniruzzamanjubayer.com. The design system examples worth studying publish more than a gallery of buttons: Material Design 3, Apple's Human Interface Guidelines, IBM Carbon, Shjubayer910.hashnode.dev
CCapiLabsOct 18 · 5 min readHow I Built a Chrome Extension to Inspect & Audit Live Design Tokens (Shadow DOM, CORS, and Delta E Color Math)Introduction If you have ever tried to audit a modern web application's design system or bridge the gap between Figma and production code, you know how tedious inspecting CSS variables can be. Standartoken-inspector.hashnode.dev
VVorlyxOct 16 · 2 min readThe AI Hangover: Why Calm UX Beats ChatbotsOver the past eighteen months, Silicon Valley tried to convince the enterprise that interfaces were obsolete: don’t design a workflow, prompt an agent; don’t build a visual system, talk to a bot. The vorlyx.hashnode.dev
SSuprabhat KumarOct 15 · 7 min readHow to Build Scalable React UI Without OverengineeringA clean interface is not created by adding polish at the end. It comes from a system in which content hierarchy, component boundaries, interaction states, accessibility, and performance support the sa1suprabhatkumar.hashnode.dev
RRadian UIOct 12 · 15 min readDesign System vs UI Kit: What's the Difference?If you've ever opened a Figma file and found yourself surrounded by buttons, cards, icons, colors, text styles, and hundreds of other little pieces, you've probably come across a UI kit. And if you'veradianui.hashnode.dev
MMarc NewsteadOct 12 · 4 min readWhy Your Design Handoffs Are Broken (And How LLMs Might Actually Fix Them)Why Your Design Handoffs Are Broken (And How LLMs Might Actually Fix Them) Every developer knows the drill: you receive a design file, maybe a Figma link, perhaps a PDF if you're unlucky. There's a bricentric-ai-and-automation.hashnode.dev
