A list of useful tools for web-focused design engineers; curated by James Warner.
Design.dev — Web Design & Development Resources
Web Design & Development Resources. Code generators, cheat sheets, and resources to boost productivity.
IT Tools - Handy online tools for developers
Collection of handy online tools for developers, with great UX. IT Tools is a free and open-source collection of handy online tools for developers & people working in IT.
IT Tools - Handy online tools for developers
Collection of handy online tools for developers, with great UX. IT Tools is a free and open-source collection of handy online tools for developers & people working in IT.
Tools | Service Design Tools
Browse the collection to find the best resources and materials, based on your specific needs.
DesignABetterBusiness.tools | Tool Overview
Search and download all of the tools from the book Design A Better Business
Ad Infinitum · Matthias Ott
Web design engineer, UX designer, teacher, and speaker – helping teams build websites and digital products with a focus on CSS, accessibility, and performance.
Home
Software engineer. UX designer. Accessibility expert. The web should be available to everyone, so Trezy uses JavaScript, React, and CSS to accomplish that goal.
A corner of the web for builders.
My name is Will King, and I am a design engineer...among many other things. You can find all of that work below and if you see something you like then let's be friends.
The Shape of Friction · Matthias Ott
Web design engineer, UX designer, teacher, and speaker – helping teams build websites and digital products with a focus on CSS, accessibility, and performance.
frontend-design - Skill
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
The Mindful Design Toolkit – Mindful Design Toolkit
Get deep into the weeds with the Mindful Design Toolkit; an open source collection of workshops, templates, design files and documents.
Webdesign as architecture
An attempt at modelling digital design as a form of psychological architecture, taking the form of a single HTML document.
Frontend Dev, UI/UX, & Design
aka. the hard part
Design Engineering Knowledge
Great articles and other media on design engineering
Design* tools
Not necessarily *design* design (also includes links related to web design in a broad sense or maybe even just like, posting things online)
Inclusive Design for a Digital World
Mindful Design
Brutally Honest Advice About Web Design in 9 mins
UI/Design (by Brady Hawkins) — Semble
Design outside the computer
Tailwind CSS (by Bee 🐝) — Semble
The physics behind spring animations - The Blog of Maxime Heckel
Interfaces › Cheat Sheet
The Making of Cursor's Icons
Performance
React handbook
Teaching agents product design at Vercel
AnyPub
clipart.studio — magazine collage maker
SVGL
SVG Path Visualizer
A Designer’s Guide to the Terminal
QuickRef.ME - Quick Reference Cheat Sheet