Curated Resource List for Design Engineers

X postNoah7 August 2026Resource

Noah (@noahelhadedy) shared a curated list of five websites and learning resources tailored for design engineers, focusing on interface craft, animation, and micro-interactions.

Key points

Interface Craft (interfacecraft.dev): A reference library created by Josh Puckett containing over 40 articles, interactive walkthroughs, and videos on thoughtful interface design.
Motion (motion.dev): The open-source web animation library formerly known as Framer Motion, supporting JavaScript, React, and Vue (version 13.x), complete with Motion UI and AI toolkits.
Devouring Details (devouringdetails.com): An interactive manual by Rauno Freiberg (Staff Design Engineer at Vercel) featuring 23 chapters and downloadable React components focused on interaction nuances.
Additional listed resources include motion-primitives.com and eactbits.dev.

Why it matters

Design engineering bridges frontend engineering and nuanced product design. This collection highlights specialized references and production-tested toolsets from industry practitioners aimed at building high-fidelity web interactions.

Analysis

The shared list highlights tools that emphasize interaction physics, fluid motion, and craftsmanship—areas often overlooked in conventional UI frameworks. Alongside standard tools like Motion, it draws attention to deep-dive educational reference materials by experienced practitioners like Josh Puckett and Rauno Freiberg.

Original post

𝐍𝐨𝐚𝐡

@noahelhadedy · 7 August 2026

Websites for Design Engineers 1. t.co/KCSRFSCVuk 2. t.co/VpCRUEVsep 3. t.co/EeSoktVuFx 4. t.co/bCeNmGc795 5. t.co/2yVYEcQdg3 Save for Later. t.co/ELNpHAaHQW

2.1k likes23 replies4.1k bookmarks115.9k views

View on X

Mentioned links

Links and tools from this entry

Show 1 more

Motion: Web Animation Library for React, JavaScript and VueLink

Summary generated by AI (Gemini 3.8 Flash, 27 September 2026). It may contain errors – the original source is authoritative.

Similar in content, found by the AI search.

X post:Himanshu Hingorani27 Sept 2026
20 Curated UI Resources for Design Engineers
Himanshu Hingorani shares a list of 20 UI resources for design engineers, spanning prompt-driven component libraries, animation tools, 3D assets, and specialized galleries.
2.5kbookmarks61.8kviews
Web development· Resource
Link:designeer.xyz28 Sept 2026
designeer.xyz: Curated Hub for Design Engineering and Interface Craft
designeer.xyz is a structured directory for design engineers and frontend specialists, covering design galleries, interface tools, and craft-focused reading material.
Web development· Resource
X post:Manish Kumar4 Aug 2026
Design Engineer Tools: Curated Directory for Design and Frontend Engineering
Manish Kumar highlighted designengineer.tools, a curated directory assembling tools, libraries, and utilities at the intersection of design and engineering.
1.9kbookmarks67.9kviews
AI & LLMs· Resource
X post:Dhruv21 Sept 2026
Designeer: Curated Directory for Interface Craft and Design Engineering
Dhruv has launched designeer.xyz, a curated repository covering interface craftsmanship, design systems, component libraries, design engineering resources, and visual inspiration.
649bookmarks23.2kviews
Web development· Resource
X post:KASUN28 Sept 2026
Curated UI Resources for Design Engineers
KASUN highlights five curated frontend and UI component collections tailored for design engineers, focusing on the shadcn/ui and Tailwind CSS ecosystems.
9bookmarks394views
Web development· Resource
Link:Rauno Freiberg5 Sept 2026
Devouring Details: Interactive Reference Manual for Interaction Design by Rauno Freiberg
Devouring Details is an interactive reference manual for interaction design and frontend development created by Rauno Freiberg. The platform features 23 chapters, interactive prototypes, and downloadable React components.
Web development· Resource