Links in design, code, and agentic engineering that Jake found worth keeping. Newest first.
189 links so far.
- OUI-1 (2026-09-10) - Four B active: seventy-one percent GenUI bench, twenty-seven libraries, local. _Tags: agentic engineering, technical apps, interface elements, think piece, design engineering._
- Motion UI (2026-09-09) - Sixty-eight graded sections—one theme file, shadcn install, MCP adapts. _Tags: UI animations, design engineering, design systems, interface elements, agentic engineering._
- Motn (2026-09-08) - Figma frames to React motion—multiplayer canvas, one export. _Tags: UI animations, design engineering, technical apps, agentic engineering, mini apps._
- Doop (2026-09-07) - Open-source Paper—six agents, streaming frames, taste from comments. _Tags: agentic engineering, design engineering, micro UI/UX, technical apps, interface elements._
- Choreo (2026-09-06) - Design hover and press on real DOM—hand off working code. _Tags: micro UI/UX, UI animations, design engineering, interface elements, technical apps._
- Springs in native CSS (2026-09-05) - Native CSS springs—linear() curves, bounce tokens, zero JS library. _Tags: UI animations, CSS, micro UI/UX, think piece, design engineering._
- Devouring Details (2026-09-04) - Twenty chapters—invisible interaction craft, twenty React downloads included. _Tags: micro UI/UX, design engineering, interface elements, think piece, UX showcase._
- lucide-animated (2026-09-03) - Four sixty-seven Lucide icons—hover springs, shadcn install, MCP included. _Tags: interface elements, UI animations, micro UI/UX, agentic engineering, MCP._
- Curio (2026-09-02) - One thousand DESIGN.md styles—llms.txt catalog, MCP, no more purple gradients. _Tags: design systems, agentic engineering, MCP, design engineering, technical apps._
- Shaders (2026-09-01) - WebGPU on canvas—design effects, export React, MCP included. _Tags: UI animations, design engineering, technical apps, agentic engineering, interface elements._
- registry.directory (2026-08-31) - Twenty-seven thousand components—eighty-two registries, one index, agents stop guessing. _Tags: design systems, agentic engineering, design engineering, developer tools, technical apps._
- Motion Core (2026-08-30) - Forty Svelte motions—OGL fluids, dithered canvases, GSAP type, CLI drops. _Tags: UI animations, micro UI/UX, design engineering, interface elements, developer tools._
- Glin UI (2026-08-29) - Seventy-seven glass components—seven surfaces, five elevations, refraction you own. _Tags: design systems, micro UI/UX, interface elements, design engineering, technical apps._
- fluidkit (2026-08-28) - Metaball liquid engine—pills morph, tabs bridge, droplets tear. _Tags: micro UI/UX, UI animations, design engineering, interface elements, technical apps._
- 21st Icons (2026-08-27) - Twenty-nine thousand icons—search by meaning, seven families, one grid. _Tags: interface elements, design engineering, developer tools, technical apps, design systems._
- beUI (2026-08-26) - Seventy-eight motion blocks—agent chat shell, MCP registry, shadcn install. _Tags: micro UI/UX, UI animations, agentic engineering, MCP, interface elements._
- Design Spells (2026-08-25) - Two forty spells—shipped micro-moments, not concept art. _Tags: micro UI/UX, UI animations, interface elements, design engineering, UX showcase._
- Hyperiux Vault (2026-08-23) - One thirty React effects—scroll, cursor, WebGL, source you own. _Tags: UI animations, micro UI/UX, design engineering, interface elements, developer tools._
- TinkerFX (2026-08-22) - Eighty-one effects—X-ray each layer, sliders tune, copy your version. _Tags: UI animations, micro UI/UX, design engineering, interface elements, technical apps._
- React Bits (2026-08-19) - One sixty-five animations—four stacks, MCP, three visual builders. _Tags: UI animations, micro UI/UX, design engineering, interface elements, agentic engineering._
- Kinetics (2026-08-16) - One fifty-three springs—CSS, React, tuned prompts, real physics. _Tags: UI animations, micro UI/UX, design engineering, interface elements, technical apps._
- Type Physics+ (2026-08-15) - Variable axes bounce—gravity, chaos, collisions drive the mixer. _Tags: UI animations, micro UI/UX, technical apps, design engineering, mini apps._
- Motiq (2026-08-14) - Eighty-six product motions—deploys, streams, uploads, shadcn source you own. _Tags: micro UI/UX, UI animations, design engineering, interface elements, developer tools._
- BaselineLab (2026-08-13) - Emerging CSS labs—Baseline badge, nested CSS, Tailwind export. _Tags: design engineering, interface elements, technical apps, developer tools, CSS._
- flare.design (2026-08-12) - Generate, keyframe, export MP4—one canvas, Codex on the timeline. _Tags: UI animations, agentic engineering, MCP, technical apps, design engineering._
- Consumer Design System (2026-08-11) - One ninety B2C patterns—humans copy code, agents read contracts. _Tags: design systems, think piece, agentic engineering, interface elements, micro UI/UX._
- interior (2026-08-10) - Fifty-four post-click hooks—behaviour done, reskin costs nothing but classes. _Tags: micro UI/UX, UI animations, design engineering, interface elements, open source._
- Rivet (2026-08-09) - Dozens of UI directions—spawn from your agent, compare side by side. _Tags: agentic engineering, design engineering, interface elements, developer tools, micro UI/UX._
- Inertia (2026-08-08) - Drag real views on a timeline—three runtimes, one git-committable file. _Tags: UI animations, micro UI/UX, design engineering, technical apps, developer tools._
- SDS Motion Forge (2026-08-06) - Six hundred CSS motions—verified a11y, Figma tokens, agent-ready registry. _Tags: UI animations, design systems, micro UI/UX, design engineering, open source._
- Amicro (2026-08-05) - Forty morphing buttons—shadcn trusted registry, one CLI install. _Tags: UI animations, micro UI/UX, interface elements, design engineering, open source._
- Fluix (2026-08-04) - Gooey SVG toasts—five frameworks, spring physics, zero motion libs. _Tags: UI animations, micro UI/UX, design engineering, interface elements, open source._
- mcp-elements (2026-08-03) - Seven MCP screens—tool cards, consent, scopes, shadcn for hosts. _Tags: agentic engineering, MCP, interface elements, design engineering, developer tools._
- MotionScore (2026-08-02) - Lighthouse grades load—MotionScore grades motion, copy-paste fixes. _Tags: UI animations, micro UI/UX, design engineering, developer tools, agentic engineering._
- Design Intelligence MCP (2026-08-01) - Scroll a site, catalog motion—agents query your animation library. _Tags: agentic engineering, MCP, UI animations, micro UI/UX, developer tools._
- lore-glass (2026-07-31) - Liquid glass via SVG displacement—shadcn CLI, DOM stays clickable. _Tags: micro UI/UX, UI animations, design engineering, interface elements, developer tools._
- theSVG (2026-07-30) - Six thousand brand SVGs—mono, dark, wordmark, MCP when shipping. _Tags: interface elements, design engineering, developer tools, agentic engineering, open source._
- components.build (2026-07-28) - shadcn wrote the spec—composition, a11y, asChild, finally codified. _Tags: design systems, design engineering, interface elements, developer tools, open source._
- kaktus.dev (2026-07-27) - Thirty-eight native patterns—Popover API, OKLCH, zero frameworks. _Tags: micro UI/UX, UI animations, design engineering, interface elements, technical apps._
- Kinesis (2026-07-26) - One fifteen easings—name the feel, skip cubic-bezier archaeology. _Tags: design systems, micro UI/UX, UI animations, design engineering, interface elements._
- Popkorn (2026-07-25) - CSS motion scenes—Lottie in, one file runs web and native. _Tags: UI animations, micro UI/UX, design engineering, technical apps, open source._
- Wix Interact (2026-07-24) - JSON triggers, SSR CSS—agents stop wiring click listeners. _Tags: UI animations, micro UI/UX, design engineering, interface elements, developer tools._
- RavenMCP (2026-07-23) - Ninety-nine tools—Taste Engine enforces your judgment, not vibes. _Tags: agentic engineering, design systems, MCP, design engineering, think piece._
- Agent-Ready Index (2026-07-22) - Thirty-seven systems—scored on MCP, llms.txt, DTCG, registry. _Tags: design systems, agentic engineering, design engineering, developer tools, think piece._
- cssShowcase (2026-07-21) - Four sixty-eight snippets—live demos, LLM prompts, zero JavaScript. _Tags: design engineering, micro UI/UX, CSS, interface elements, agentic engineering._
- Protovibe (2026-07-20) - Drag real React—stop re-prompting padding like it's 2024. _Tags: design engineering, agentic engineering, technical apps, mini apps, design systems._
- Ripplix (2026-07-19) - Seven thousand prod motions—one click pins timing to Figma. _Tags: micro UI/UX, UI animations, interface elements, design engineering, Figma._
- Gratify (2026-07-18) - Canvas MVU—springs ship themselves, you write zero animation. _Tags: micro UI/UX, UI animations, design engineering, technical apps, open source._
- Astryx (2026-07-17) - Meta's DS—manifest JSON so agents stop inventing props. _Tags: design systems, agentic engineering, React, developer tools, design engineering._
- 7onic (2026-07-16) - Figma tokens to shipped UI—llms.txt, CLI, zero drift. _Tags: design systems, design engineering, agentic engineering, developer tools, technical apps._
- History of Software Design (2026-07-15) - Slide to unlock, restored—software archaeology with real motion. _Tags: design engineering, micro UI/UX, UI animations, interface elements, think piece._
- Hallmark (2026-07-14) - Fifty-seven slop gates—audit, rebuild, refuse purple gradient heroes. _Tags: agentic engineering, design engineering, micro UI/UX, developer tools, design systems._
- framesmith (2026-07-13) - Sketch on canvas—cliché guardrails before your agent ships slop. _Tags: agentic engineering, design engineering, developer tools, MCP, micro UI/UX._
- CSS Studio (2026-07-12) - Edit live—your agent writes springs, variants, real code. _Tags: design engineering, UI animations, micro UI/UX, agentic engineering, technical apps._
- design-motion-principles (2026-07-11) - Build motion right—or audit the AI slop you shipped. _Tags: UI animations, micro UI/UX, agentic engineering, design engineering, developer tools._
- Sleek UI (2026-07-10) - Sixty brand JSONs—one URL, your agent ships taste. _Tags: design systems, agentic engineering, design engineering, developer tools, technical apps._
- Interfaces (2026-07-09) - Design engineering zine—live demos, code, agent skills included. _Tags: design engineering, micro UI/UX, UI animations, interface elements, agentic engineering._
- shadcnpreset (2026-07-08) - Describe the vibe—AI finds presets, previews live, CLI install. _Tags: design systems, developer tools, interface elements, technical apps, agentic engineering._
- ui-fx-kit (2026-07-07) - 64 React effects—hooks, shaders, MCP, you own the code. _Tags: UI animations, micro UI/UX, agentic engineering, developer tools, interface elements._
- ctrlship Dropdowns (2026-07-06) - Seven dropdown labs—safe triangles, spring exits, fan physics. _Tags: micro UI/UX, UI animations, interface elements, design engineering, technical apps._
- StyleSeed (2026-07-05) - 74 rules plus quality gate—agents ship designed, not generated. _Tags: agentic engineering, design systems, design engineering, micro UI/UX, developer tools._
- GrabMotion (2026-07-04) - Apply motion live—the real site is your preview. _Tags: micro UI/UX, UI animations, interface elements, design engineering, technical apps._
- designlang (2026-07-03) - Scrape any URL—DTCG tokens, Tailwind, MCP, no signup. _Tags: design systems, agentic engineering, MCP, developer tools, technical apps._
- remocn (2026-07-02) - shadcn for Remotion—chromatic wipes, terminal sims, one CLI. _Tags: UI animations, design engineering, developer tools, technical apps, open source._
- Figma Motion (2026-07-01) - Config shipped motion—timeline, springs, Dev Mode exports CSS. _Tags: UI animations, motion design, Figma, design engineering, product design._
- Primitiv (2026-06-30) - Reconciles Figma, code, Storybook—one MCP contract, zero drift. _Tags: design systems, agentic engineering, MCP, developer tools, technical apps._
- Design Engineer (2026-06-29) - One skill install—agents ship springs, not linear trash. _Tags: agentic engineering, design engineering, micro UI/UX, UI animations, developer tools._
- Tokn (2026-06-28) - Motion tokens plus MCP—ESLint bans rogue easing. _Tags: design systems, UI animations, MCP, agentic engineering, developer tools._
- IO Motion (2026-06-27) - Tailwind for motion—stack io- classes, ship scroll reveals. _Tags: micro UI/UX, UI animations, interface elements, design engineering, CSS._
- Reframe (2026-06-26) - Open Figma—MCP agents design, animate, export real HTML. _Tags: agentic engineering, design engineering, MCP, open source, technical apps._
- Prism (2026-06-25) - Cursor-reactive components—rAF springs, zero Framer deps. _Tags: micro UI/UX, UI animations, design engineering, interface elements, React._
- Keyframer (2026-06-24) - Timeline to Reanimated v4—gestures, springs, copy-paste hooks. _Tags: UI animations, micro UI/UX, design engineering, technical apps, React Native._
- Vellum (2026-06-23) - Local SuperDesign—Claude Code iterates real token mockups. _Tags: agentic engineering, design engineering, developer tools, micro UI/UX, open source._
- Markdy (2026-06-22) - Mermaid for motion—34KB DSL, agents git-diff scenes. _Tags: UI animations, agentic engineering, open source, design engineering, technical apps._
- Lazyweb (2026-06-21) - 281k shipped screens—MCP grounds agents before they design UI. _Tags: agentic engineering, micro UI/UX, developer tools, MCP, design engineering._
- Cognivo (2026-06-20) - Gen-UI trees, bias wrappers, MCP—psychology baked into components. _Tags: design systems, agentic engineering, generative UI, MCP, technical apps._
- ExodeUI (2026-06-19) - Figma vectors ship as physics runtimes—state machines, zero handoff. _Tags: micro UI/UX, UI animations, design engineering, technical apps, mini apps._
- ZProximity (2026-06-18) - Cursor distance drives blur, scale, parallax—10KB, zero re-renders. _Tags: micro UI/UX, UI animations, React, design engineering, interface elements._
- Grepped (2026-06-17) - Prompt bespoke UI motion—AI writes CSS, not catalog picks. _Tags: micro UI/UX, UI animations, agentic engineering, generative UI, technical apps._
- Motion Has Meaning (2026-06-16) - Ease-out is response—motion needs grammar, not Disney cosplay. _Tags: design systems, think piece, UI animations, micro UI/UX, motion design._
- SmoothUI (2026-06-15) - Animated shadcn blocks—MCP search, install, ship motion. _Tags: micro UI/UX, UI animations, interface elements, agentic engineering, design engineering, React._
- NudaUI (2026-06-14) - 650 copy-paste motions—zero npm, Blade to React. _Tags: micro UI/UX, UI animations, CSS, interface elements, design engineering._
- Reseed (2026-06-13) - One CLI—any URL becomes in-repo agent design rules. _Tags: agentic engineering, design systems, developer tools, CLI._
- Design Bites (2026-06-12) - 270 sites decoded into DESIGN.md—agents stop guessing tokens. _Tags: design systems, agentic engineering, think piece, developer tools._
- User Interface Wiki (2026-06-11) - Living manual—152 rules for motion, type, agent skills. _Tags: micro UI/UX, design engineering, UI animations, think piece, agentic engineering._
- 60fps (2026-06-10) - Shipped app motion—Duolingo, Slack, Chrome, not Dribbble cosplay. _Tags: micro UI/UX, UI animations, inspiration, product design, interface elements._
- Detail (2026-06-09) - Curated micro UX—why great software feels right. _Tags: micro UI/UX, think piece, product design, interface elements, design engineering._
- CSS Scroll-Driven (2026-06-08) - Scroll-timeline and view transitions—compositor-safe patterns, zero rAF. _Tags: CSS, scroll-driven, UI animations, micro UI/UX, design engineering._
- Animotion (2026-06-07) - 745 CSS motions—MCP feeds agents real icons, zero hallucination. _Tags: agentic engineering, UI animations, MCP, CSS, micro UI/UX, interface elements._
- PinePaper Studio (2026-06-06) - Vector DOM for agents—micro-animations you can edit mid-flight. _Tags: agentic engineering, UI animations, micro UI/UX, SVG, mini apps, design engineering._
- hyper-motion (2026-06-05) - Figma layout brain—keyframes gap and padding, not x/y. _Tags: UI animations, motion design, Figma, open source, design engineering, mini apps._
- Animation Patterns (2026-06-04) - 65 CSS motion recipes—live stages, reduced-motion fallbacks. _Tags: micro UI/UX, UI animations, CSS, SVG, design engineering, interface elements._
- UI Motion (2026-06-03) - Stripe, Linear, Vercel: motion decoded with copy-paste code. _Tags: micro UI/UX, UI animations, design engineering, interface elements, product design._
- Prototyper UI (2026-06-02) - MCP-native kit—Live Canvas previews what agents build. _Tags: agentic engineering, design systems, MCP, generative UI, interface elements._
- Made With GSAP (2026-06-01) - Drag the hero—101 GSAP effects, tutorials, downloadable zips. _Tags: UI animations, GSAP, micro UI/UX, design engineering, technical apps._
- MCP-UI (2026-05-31) - Sandboxed HTML in chat—MCP Apps finally ship real UIs. _Tags: agentic engineering, MCP, interface elements, generative UI, developer tools._
- Anchor Interpolated Morph (2026-05-30) - Popovers grow from triggers—anchor-size, no JS measuring. _Tags: micro UI/UX, CSS, UI animations, design engineering, interface elements._
- Easing Graphs (2026-05-29) - Cubic and spring curves—hover the graph, copy the bezier. _Tags: micro UI/UX, UI animations, design engineering, technical apps, interface elements._
- Transitions.dev (2026-05-28) - Nine copy-paste transitions—reduced-motion guard included. _Tags: micro UI/UX, CSS, UI animations, design engineering, technical apps._
- css-skills (2026-05-27) - Auto-matches MINIMAL vs BOLD—100+ hovers, zero JS, SSR-safe. _Tags: agentic engineering, micro UI/UX, CSS, Claude Code, design engineering._
- Scroll-driven SVG map (2026-05-26) - DrawSVG route on scroll—quickTo pans the map camera. _Tags: UI animations, GSAP, SVG, scroll-driven, micro UI/UX, Codrops._
- DesignSystems.one Token Generator (2026-05-25) - OKLCH scales, APCA matrix, live theatre—tokens agents can ship. _Tags: design systems, design tokens, OKLCH, agentic engineering, micro UI/UX, technical apps._
- Costumary (2026-05-24) - Scripted GSAP walkthroughs—real DOM, not a three-megabyte MP4. _Tags: UI animations, GSAP, micro UI/UX, design engineering, product demos._
- Shader.se (2026-05-23) - 80s corp satire meets scroll-snapped WebGPU scene transitions. _Tags: UI animations, WebGPU, Three.js, scroll-driven, design engineering, portfolio._
- Fluid Functionalism (2026-05-22) - Proximity hover + springs—motion reads like product, not decor. _Tags: design systems, micro UI/UX, shadcn, spring physics, design engineering._
- Clip path buttons (2026-05-21) - Clip-path hold states swap icons—micro UX, zero JavaScript. _Tags: UI animations, CSS, clip-path, micro UI/UX, design engineering._
- Smashing Animations Part 8 (2026-05-20) - OKLCH relative color themes live SVG—day, night, snow overlays. _Tags: UI animations, CSS, OKLCH, SVG, Smashing Magazine, think piece._
- Merlin — code boutique (2026-05-19) - Eurovision-scale motion meets Dior polish in one small shop. _Tags: studio story, motion design, Codrops, design engineering, micro UI/UX, think piece._
- Obys identity + site (2026-05-18) - Agency rebrand as engineered interface—type, motion, structure unified. _Tags: think piece, motion design, Codrops, design systems, design engineering, micro UI/UX._
- HTML-in-Canvas proposal (2026-05-17) - Experimental API paints HTML into canvas while keeping real layout. _Tags: Canvas, Web APIs, Codrops, design engineering, WICG, micro UI/UX._
- Le:mma Studio — feeling behind the screen (2026-05-16) - Blur, distortion, and motion choreographed as one emotional interface read. _Tags: UI animations, motion design, Codrops, think piece, design engineering, micro UI/UX._
- Arcana playground (2026-05-15) - JSON tokens own the theme—live playground previews 100+ components. _Tags: design systems, design tokens, React, playground, micro UI/UX, design engineering._
- Central Icons (2026-05-14) - Hand-drawn icon set—quirky marks for interfaces that refuse sterile stock. _Tags: icons, interface, micro UI/UX, design systems, resources._
- Shader uniforms → clip-path wipes (2026-05-13) - OGL flowmaps, shader carousels—GSAP owns every pixel. _Tags: UI animations, GSAP, WebGL, Codrops, design engineering, portfolio._
- Claude mascot, reverse-engineered (2026-05-12) - Claude's blob mascot rebuilt—SVG, GSAP, obsessive frame timing. _Tags: UI animations, GSAP, SVG, brand motion, Codrops, design engineering._
- Scroll-driven 3D portfolio (2026-05-10) - Scroll steers a WebGL world—case study, not hero parallax. _Tags: UI animations, Three.js, scroll-driven, design engineering, think piece, Codrops._
- Hazel changelog (2026-05-09) - OSS Slack alternative—changelog UI worth stealing for your marketing. _Tags: changelog, micro UI/UX, product design, team collaboration, open source._
- next-devtools-mcp (2026-05-06) - MCP pipes Next devtools—routes, errors, cache—straight into your agent. _Tags: MCP, Next.js, agentic engineering, developer tools, Vercel._
- Hevy MCP server (2026-05-05) - Workout data as MCP tools—your agent stops hallucinating sets. _Tags: MCP, fitness, mini apps, agentic engineering, developer tools._
- Figma Unified MCP (2026-05-04) - An open-source MCP server that packs 106 Figma-shaped tools plus 14 agent skills so Claude or Cursor can read, create, and edit frames and wrangle design tokens over the REST API without a desktop plugin bridge — basically the power-user pipe when you want the model to stop screenshot-guessing and actually operate the file like a second designer. _Tags: MCP, Figma, design systems, design tokens, agentic engineering, developer tools._
- figma-compose-mcp (2026-05-03) - An MCP server plus a Figma plugin/WebSocket bridge that composes screens from real linked component instances, variables, and prototype interactions — basically the antidote when your agent keeps shipping "design system" frames that are actually detached rectangles cosplaying as components. _Tags: MCP, Figma, design systems, agentic engineering, design engineering._
- mcp-curser (2026-05-02) - A small MCP server that wraps the
cursor-agentCLI with tool-shaped entry points for chat, repo search, file analysis, and task planning — basically the escape hatch when you want your host model to hand off the repo-thrashy work to Cursor's agent instead of inventing another fragile subprocess dance. _Tags: MCP, agentic engineering, Cursor, developer tools, CLI._ - Figma To Code MCP (2026-05-01) - An MCP server that crushes Figma file payloads into CSS-shaped, inline-styled node trees the model can actually read — think 65MB → 128KB with variables resolved and SVGs on disk — basically the antidote when your agent keeps timing out on design dumps that were never meant to be context. _Tags: MCP, Figma, design systems, agentic engineering, developer tools._
- DesignxCode MCP (2026-04-30) - An MCP server that pulls Figma variables into code, scores token drift and component parity against your repo, and can open a sync PR — basically the ops layer for when your design system and codebase are nominally "aligned" but nobody has run the diff since the last rebrand. _Tags: MCP, Figma, design systems, design tokens, agentic engineering, developer tools._
- Optics MCP (2026-04-29) - An MCP server wired to RoleModel's Optics design system that exposes 80+ HSL tokens, 24 components with real dependency graphs, and guided prompts for theme generation, contrast checks, and scaffolding — basically the cheat code when you want the agent to cite your spacing scale instead of inventing a parallel one every time you ask for a card layout. _Tags: MCP, design systems, design tokens, agentic engineering, developer tools._
- Anchors Aweigh! (CSS anchor positioning) (2026-04-28) - Bram Van Damme’s State of the Browser talk write-up walks through tethering popovers to triggers with
anchor(),position-area, and@position-try— basically the missing browser-native answer to the decade of “why is my tooltip doing parkour near the viewport edge” energy. _Tags: CSS, anchor positioning, micro UI/UX, popover, design engineering, talk._ - Micro animations in web design (2026-04-27) - Alex Evans treats micro motion as part of the product behavior layer — motion tokens, 100–300ms pacing, GPU-safe transforms, and when to stop at CSS — basically the essay for when your interface already works but still feels like a PDF someone emailed you. _Tags: micro UI/UX, UI animations, CSS, design engineering, think piece._
- System Bridge MCP (2026-04-26) - An MCP server that exposes your design tokens and system topology to agents — search, validate, transform, audit handoffs, diff themes, and even pull Figma variables — basically the ops layer for when you want the model to reason about your palette instead of inventing a parallel one every PR. _Tags: MCP, design tokens, design systems, agentic engineering, Figma, developer tools._
- Figma MCP server guide (2026-04-25) - Figma's own README-style guide for the remote MCP server — tool-by-tool prompting notes for get_design_context, Code Connect maps, design-system search, FigJam, and the scary-good use_figma write path — basically the cheat sheet for when you want the agent to stop paraphrasing your file and actually follow the same workflow your design team documented. _Tags: MCP, Figma, design systems, agentic engineering, developer tools._
- Figma Console MCP (2026-04-24) - An MCP server plus Desktop Bridge that exposes 90+ Figma tools for extraction, token edits, screenshots, FigJam, and even WCAG design checks — basically the missing pipe when you want Claude to stop guessing hex values and actually read the file your designer is still moving pixels in. _Tags: MCP, Figma, design systems, agentic engineering, developer tools._
- On scroll-driven reveals (2026-04-23) - Karl Koch walks through binding section fades to
animation-timeline: view()with a tightanimation-rangeso reveals scrub with scroll instead of playing once on load like a haunted PowerPoint — basically the micro-UX writeup for when you want native-feeling scroll motion without shipping another Intersection Observer polyfill. _Tags: CSS, scroll-driven animations, micro UI/UX, frontend, design engineering._ - design-token-bridge-mcp (2026-04-22) - An MCP server that ingests tokens from Tailwind configs, CSS custom properties, Figma variables, or W3C DTCG and emits native themes for Material 3 (Kotlin), SwiftUI (including Liquid Glass), Tailwind, and plain CSS variables — basically the missing Rosetta stone for when your v0 → Figma → Claude Code loop keeps inventing three incompatible names for the same purple. _Tags: MCP, design tokens, design systems, Figma, developer tools._
- Project Think (next-gen Agents SDK) (2026-04-21) - Cloudflare lays out the next Agents SDK shape — fibers with checkpointing, forkable message trees with compaction, sandboxed Dynamic Workers, and agents that author their own extensions — basically the systems essay for when your "chat loop" graduates into a long-lived product runtime instead of a fragile while-true in a terminal. _Tags: agentic engineering, Cloudflare, Agents SDK, durable execution._
- agents-kit (2026-04-20) - A component kit built on prompt-kit with blocks for orchestration, approvals, analytics, and media UIs — the rare library that treats agent chrome (not just chat bubbles) as first-class product surface so you're not Frankensteining half a design system every time you ship a tool-using agent. _Tags: agentic engineering, design systems, React, generative UI._
- Linear MCP for product management (2026-04-19) - Linear's changelog on the MCP update that adds initiatives, milestones, project updates, richer URL loading, and image support to the tool surface — so your agent can reason about roadmap shape and visual context instead of treating the tracker like a flat todo.txt. _Tags: MCP, Linear, agentic engineering, product management, developer tools._
- Figma MCP ↔ VS Code round-trip (2026-04-18) - GitHub's changelog on the update where Copilot in VS Code can push rendered UI back into editable Figma layers — the bidirectional pipe that keeps "design-informed codegen" from being a one-way scrape of frames nobody will ever reconcile with the canvas. _Tags: MCP, Figma, agentic engineering, design tools, VS Code._
- PickCSS (2026-04-17) - Binary A/B choices over real UI templates that compile into Tailwind config, shadcn-ready CSS,
tokens.json, and drop-in Claude/Codex skill folders — the rare workflow where "pick what looks right" ships as structured tokens instead of vibes your agent has to reverse-engineer from screenshots. _Tags: design systems, design tokens, developer tools._ - Microsoft MCP catalog (2026-04-16) - Microsoft's official catalog of first-party MCP servers for Azure, Fabric, and related surfaces — so your agent can wire into enterprise data and services from one maintained tool list instead of hand-rolling a brittle REST shim for every Microsoft API. _Tags: MCP, agentic engineering, enterprise._
- 2026 CSS features you must know (2026-04-15) - Riad Kilani walks through what's crossed from 'spec fantasy' to shippable —
if(), Grid lanes, typedattr(),@starting-style, scroll-driven animations — so your roadmap can name real baselines instead of waving at a slide deck full of 'soon'. _Tags: CSS, frontend, design engineering._ - CSS in 2026 (2026-04-14) - Jemima Abu lines up the features that are actually landing in browsers this cycle — scroll-state container queries, sibling-index(), customizable
<select>, anchor positioning — so your backlog can cite spec reality instead of the same three recycled hot takes. _Tags: CSS, frontend, design engineering._ - MCP Registry (2026-04-13) - The official community registry for MCP servers — structured metadata, versioning, and a path to GA so your agent can discover tools without scraping a thousand one-off GitHub READMEs. _Tags: MCP, agentic engineering, ecosystem._
- view-transitions-toolkit (2026-04-12) - Bram Van Damme packaged years of View Transitions experiments — feature detection, keyframe optimization, pause/scrub playback, automatic navigation types — into a small npm library so you can ship the fancy transitions without copy-pasting half a dozen one-off demos every time. _Tags: UI animations, CSS, frontend._
- Tenor (2026-04-11) - An AI-native UI tool that generates polished, production-ready components from references or prompts — not whole-page vibes — with export into Claude Code, which is the rare framing that treats the component as the real unit of iteration for both humans and agents. _Tags: design systems, generative UI, developer tools._
- Orchestrate Cursor Agent MCP (2026-04-10) - Two MCP servers and file-based IPC let Claude Code spawn
cursor-agentas a real multi-turn subagent — so you can delegate chunks of work to Cursor's model lineup without your main session turning into a copy-paste relay between terminals. _Tags: MCP, agentic engineering, multi-agent._ - Kinesis motion tokens (2026-04-09) - A library of ~115 CSS easing tokens named for how motion reads — haptics, springs, scroll dynamics, depth — instead of opaque cubic-bezier tuples, with Tailwind v4 integration so your design system can finally talk about feel without everyone pasting the same three curves from Stack Overflow. _Tags: micro UI/UX, CSS, design systems._
- Harness design for long-running apps (2026-04-08) - Anthropic walks through a planner–generator–evaluator setup inspired by GANs — grading subjective frontend work with explicit criteria, using Playwright MCP for real QA passes, and choosing context resets over in-place compaction when models get "context anxiety" — basically the blueprint for shipping multi-hour autonomous builds without the agent quietly congratulating itself on broken UI. _Tags: agentic engineering, AI engineering, harness design._
- Mapbox MCP server (2026-04-07) - Official TypeScript MCP server that wires geocoding, POI search, routing, isochrones, map matching, and static map images into your agent's tool list — finally a structured way to stop LLMs from hallucinating where things are on Earth. _Tags: MCP, agentic engineering, geospatial._
- GitHub's official MCP server (2026-04-06) - GitHub shipped a first-party MCP server so agents can search code, read issues and PRs, triage work, and drive CI from the same API surface you already trust — the boring-sounding plumbing that actually makes "ask my repo" feel native instead of a brittle shell script. _Tags: MCP, agentic engineering, developer tools._
- Sprites on the Web (2026-04-05) - Josh walks through building a stepped sprite animation with nothing but a single image strip and
steps()timing — the rare tutorial where the math (frame count, background-position jumps, easing) is explicit enough that you can steal the pattern for loaders, micro-interactions, or gamey UI without reaching for a canvas or Lottie. _Tags: UI animations, CSS, micro UI/UX._ - Miro MCP Server (public beta) (2026-04-04) - Miro shipped an official MCP server so Cursor, Claude Code, Copilot, Windsurf, and friends can read boards, create widgets, and turn PRDs and diagrams into code — or walk the other way and sketch architecture straight from a repo — which is the rare integration where 'shared context' stops being a slide deck and starts behaving like live infrastructure your agent can actually query. _Tags: MCP, agentic engineering, design tools._
- Introducing the new v0 (2026-04-03) - Vercel's generative UI tool went full production stack: designers iterate against real code with per-change previews, enterprise controls, and a workflow that treats components as the contract between design and shipping — the rare case where the marketing page actually matches how teams will use the thing. _Tags: design systems, generative UI, developer tools._
- Animation that fails safely (2026-04-02) - Stefan Chitu from Adobe Spectrum reframes animation not as decoration but as a potential hazard — and lays out a five-layer guardrails framework covering timeout caps, circuit breakers, graceful fallbacks, performance watchdogs, and state coordinators so a runaway spinner never becomes a vestibular emergency for your users. _Tags: UI animations, accessibility, design systems._
- Web UI has no physics. I built one. (2026-04-01) - CSS transitions are just timers with curves, not physics. This post explains how spring stiffness, damping, and mass applied to 170+ React components gives every interaction memory and momentum, then goes further with a 3ms shaped noise burst on each state change that tricks your brain into thinking the UI has physical mass. _Tags: micro UI/UX, design engineering, interface elements._
- ReelKit (2026-03-31) - A virtualized TikTok-style slider engine that keeps 3 DOM nodes in play at all times — previous, current, next — whether you have 4 slides or 40,000, with its own signal system that bypasses React's state batching entirely so swipes hit 60fps without triggering a single re-render. _Tags: micro UI/UX, React, performance._
- Thread Weaving: A New Agent Architecture (2026-03-31) - The Random Labs team's technical breakdown of why every major coding agent architecture - ReAct, RLM, Manus-style orchestrators, Claude Code subagents - fails on long-horizon tasks, and how their Thread Weaving primitive sidesteps the problem: an orchestrator delegates bounded 'episodes' to typed worker threads, compresses each episode's useful conclusions back into shared context, and routes the results forward without message passing - meaning the system adapts mid-task instead of committing to a plan that goes stale five tool calls in. _Tags: agentic engineering, think piece, developer tools._
- Ruixen UI (2026-03-30) - 170+ React components built with actual spring physics instead of CSS timers - each one has stiffness, damping, and mass so a short drag snaps while a long one carries momentum and overshoots before settling, plus a 3ms shaped-noise burst on every state change that your brain reads as mechanical rather than digital, all as single-file zero-dependency copy-paste components. _Tags: micro UI/UX, component library, React._
- On Velocity Gating (2026-03-30) - Karl Koch breaks down the three-layer system that makes hover shelves feel deliberate instead of jittery: EMA smoothing filters cursor noise into a clean signal, split engage/disengage thresholds create a velocity dead zone where a focused record stays stable even if you drift around it, and directional hysteresis widens the engage radius when your cursor is heading toward a target - so intent reads correctly before you even slow down. _Tags: micro UI/UX, interface elements, frontend._
- Anvil IDE (2026-03-29) - An open-source IDE built specifically for running parallel Claude Code agents: one-click worktrees create isolated branches so agents stop clobbering each other's changes, a 4x3 panel grid keeps your whole fleet visible at once, and native spec support tracks phases so agents don't decide mid-task to refactor everything you didn't ask them to touch. _Tags: agentic engineering, developer tools, open source._
- Figma Canvas Opens to Agents (2026-03-29) - Figma's new use_figma MCP tool lets Claude Code, Codex, and friends write directly to your Figma files using your actual design system components and variables - and the skills system turns your team's design conventions into executable markdown rules that agents follow as they work, so your standards stop being static documentation and start being live constraints. _Tags: design systems, agentic engineering, developer tools._
- On clip-path animations (2026-03-28) - Karl Koch walks through how WorkCard's detail panel uses a circular clip-path growing from the exact center of the trigger button - not a fade, not a slide - with interactive slow-motion controls to watch the origin math in action and a drag-to-rotate 3D explode view that separates the six stacked layers. _Tags: micro UI/UX, UI animations, interface elements._
- stagewise (2026-03-27) - A browser rebuilt from the ground up as a coding agent workspace: your app under development, any reference site, and a frontend-aware agent all share one window, with full devtools access, visual element targeting, and live code edits to a connected codebase - no tab juggling, no proxy setup, no manually describing which button you mean. _Tags: agentic engineering, developer tools, frontend._
- TextTweener (2026-03-27) - A 4.3KB zero-dependency text morphing library that pairs shared characters between two phrases using nearest-neighbor matching and flies each letter to its new position, so instead of crossfading, the text literally rearranges itself like a live anagram - rewritten from a 2016 jQuery plugin into modern TypeScript in 2026. _Tags: UI animations, typography, micro UI/UX._
- JetBrains Air (2026-03-26) - An agentic development environment that lets you run Claude Agent, Codex, and Gemini CLI concurrently in isolated Git worktrees - so you can delegate a refactor to one agent, a test suite to another, and review both diffs inside a single tool instead of juggling four terminal windows. _Tags: agentic engineering, developer tools, multi-agent._
- Linear Agent (2026-03-25) - Linear shipped a workspace-aware agent that reads your roadmap, issues, and codebase to synthesize context, draft specs, group related requests, and fire automations when issues hit triage - the kind of project intelligence that used to require a dedicated PM just to maintain. _Tags: agentic engineering, developer tools, product management._
- Scroll-Driven corner-shape Animations (2026-03-24) - Adam Argyle shows how pairing scroll-driven animation timelines with the new CSS corner-shape property creates morph-on-scroll effects that go from notch to squircle to sharp bevel using pure CSS and superellipse() math, no JavaScript needed. _Tags: CSS, UI animations, scroll-driven._
- Dual-Scene Fluid X-Ray Reveal in Three.js (2026-03-23) - Cullen Webber walks through a mouse-driven fluid simulation that tears a hole between a solid body mesh and its glowing skeleton using WebGPU, TSL, and a ping-pong render pipeline - the kind of effect that makes you stop and read the source code. _Tags: Three.js, WebGPU, UI animations._
- The shadcn-ification of the internet (2026-03-22) - Luis Ouriach, Figma designer and design systems skeptic, lays out why AI code tools quietly standardizing the internet's visual language around shadcn isn't the library's fault - the library is exceptional raw material, but having access to good ingredients has never been the same thing as knowing how to cook. _Tags: design systems, think piece, agentic engineering._
- Mantine Text Animate v3 (2026-03-21) - The SplitFlap alone is worth the upgrade: actual 3D CSS perspective flips like a Solari airport board, alongside a Morphing component that uses LCS to anchor shared characters in place rather than crossfading the whole string, an inline RotatingText that reads as flowing prose, and a Typewriter that can now synthesize mechanical keyboard clicks via Web Audio. _Tags: UI animations, React, component library._
- shadcn/cli v4 (2026-03-20) - CLI v4 ships shadcn/skills, a context layer that gives coding agents actual knowledge of your components, registry, and CLI flags so they stop guessing at APIs, plus a preset system that compresses your entire design system config (colors, fonts, radius, icons) into a short string you can drop into Claude or an init command. _Tags: design systems, agentic engineering, developer tools._
- Impeccable (2026-03-19) - A design skill for every AI harness (Cursor, Claude Code, Gemini CLI, and more) that ships 7 domain-specific references and 20 slash commands giving your agent an actual design vocabulary - covering typography, whitespace, motion, and contrast - plus an explicit anti-patterns list so it knows Inter-plus-purple-gradient is never the answer. _Tags: design systems, agentic engineering, developer tools._
- DAUB UI (2026-03-18) - 76 CSS components across 20 theme families (Dracula, Catppuccin, Tokyo Night, Synthwave, and more), with a classless drop-in mode and a JSON-Render spec that lets AI agents build whole UIs without touching a single class name. _Tags: CSS, component library, agentic engineering._
- Motion Studio (2026-03-17) - An MCP server that gives your AI agent real animation depth: 330+ Motion docs examples, natural-language CSS spring generation, render-pipeline cost auditing, and an easing curve visualizer that sends the AI an image of the curve so it stops guessing at ease-in-out and actually understands the physics. _Tags: UI animations, agentic engineering, developer tools._
- Stitch's DESIGN.md (2026-03-16) - Google updated Stitch with Gemini 3, an MCP server for Cursor and Claude Code, and a DESIGN.md export format so your AI coding agent can pull actual design context instead of working from static screenshots. _Tags: design tools, agentic engineering, design systems._
- Unicon (2026-03-15) - Like shadcn but for icons, Unicon pulls 19,000+ icons from Lucide, Tabler, Phosphor, and six more libraries into one searchable interface, with a CLI, Figma plugin, and an MCP server so Claude or Cursor can find and generate framework-specific components without leaving your editor. _Tags: design tools, icon libraries, agentic engineering._
- InsForge (2026-03-14) - A backend built for AI coding agents rather than humans - wraps Postgres, auth, storage, and edge functions in a semantic MCP layer that completes tasks 1.6x faster and burns 30% fewer tokens than Supabase when Claude is the one writing the code. _Tags: agentic engineering, developer tools, backend._
- Folded Corner with CSS (2026-03-13) - Three layered elements and a handful of CSS custom properties are all it takes to build a convincing corner-peel hover effect - clip-path polygon() coordinates animate smoothly, which is the entire trick. _Tags: CSS, micro UI/UX, interface elements._
- AgentPane (2026-03-12) - Run multiple AI coding agents side by side in a local web UI with just npx agentpane, connecting to Claude Code, Codex, or anything speaking ACP over stdio so you can actually compare agents on the same task without juggling terminal windows. _Tags: agentic engineering, developer tools, multi-agent._
- Code Mode: An Entire API in 1,000 Tokens (2026-03-11) - Instead of loading 2,500 API endpoints into context (1.17M tokens), Code Mode gives agents two tools, search() and execute(), and lets them write code against a typed SDK running in an isolated sandbox, cutting token usage by 99.9%. _Tags: agentic engineering, MCP, developer tools._
- typeui.sh (2026-03-10) - Generates skill.md constraint files that tell Cursor, Claude Code, and friends which design tokens to actually use, stopping the AI from improvising a new shadow system every time it writes a component. _Tags: agentic engineering, design systems, developer tools._
- CSS Animations as State Machines (2026-03-09) - animation-fill-mode: forwards paired with a near-zero duration is a clever trick for letting CSS remember whether an element has ever been hovered or focused, with no JavaScript needed. _Tags: CSS, micro UI/UX, frontend._
- The CSS corner-shape Property (2026-03-08) - border-radius has had a monopoly on corners for 15 years; corner-shape breaks that with native squircles, bevels, scoops, and notches that actually play nice with shadows and borders. _Tags: CSS, frontend, design systems._
- Buttons Are APIs Now (2026-03-07) - Design systems have industrialized button appearance but have no story for action eligibility, and as AI agents start clicking the same UIs we use, that gap is becoming a structural problem. _Tags: design systems, think piece, agentic engineering._
- Spiral Scrollytelling with CSS sibling-index() (2026-03-06) - The new CSS sibling-index() function lets you spiral 100+ characters on scroll with zero scroll listeners, pairing scroll-timeline with a little GSAP text-splitting for a genuinely impressive pure-CSS vortex effect. _Tags: CSS animations, frontend, scrollytelling._
- OpenPencil (2026-03-05) - An open-source Figma alternative that reads real .fig files and ships an MCP server so your AI agents can modify designs headlessly. _Tags: design tools, agentic engineering, open source._
- Agentation (2026-03-04) - Point at anything in your running app, leave a note, and your AI agent knows exactly what to fix — no more describing buttons in paragraph form. _Tags: agentic engineering, developer tools, react._
- Popmelt (2026-03-03) - Draw on your running app, annotate elements, hit Cmd+Enter, and your AI agent builds the changes — the missing design feedback loop for agentic coding. _Tags: agentic engineering, design tools._
- Design Systems Surf (2026-03-02) - As agentic engineering gets more and more independent, human-specified design systems become more and more important. Keep your app’s design consistent, and kill the blue and purple gradients! _Tags: design systems, inspiration, frontend._
- Pixel Agents (2026-03-01) - If agentic coding is going to be normal, we need better ways to see invisible work. This turns a pile of terminals into a tiny office sim, which is funny for about three seconds and then surprisingly useful. _Tags: agentic engineering, developer tools, interface design._
- Tambo — Generative UI SDK for React (2026-02-28) - Instead of having your AI agent write ‘here is a chart of your sales by region,’ Tambo makes it render an actual chart — and once you see it working, plain text responses feel like a step backwards. _Tags: agentic engineering, react, generative UI._