Title: DesEngs: Resources for Design Engineers
Open Graph Title: DesEngs: Resources for Design Engineers
Description: A curated collection of design engineering resources.
Open Graph Description: A curated collection of design engineering resources.
Opengraph URL: https://desengs.com/
Generator: Astro v5.16.2
Domain: desengs.com
| theme-color | #18181b |
| title | DesEngs: Resources for Design Engineers |
| og:site_name | DesEngs |
| og:type | website |
| og:image | https://desengs.com/og.png |
Links:
| (Talent NetworkTalent Network) | https://desengs.com/talent-network |
| (Source CodeSource Code) | https://github.com/remvze/desengs |
| Magic UI • Beautiful UI components and templates to make your landing page look stunning. | https://magicui.design/ |
| Design Spells • Discover micro-interactions, easter eggs, and other seemingly extra design details that infuse life, personality, and fun back into the web. | https://designspells.com |
| Design Systems Surf • Best-in-class Design Systems collection with a repository of Components and Foundations references from top-tier tech companies and leading UI teams. | https://designsystems.surf/ |
| @web-kits/audio • Declarative audio synthesis for the web. | https://audio.raphaelsalaja.com/ |
| Gradient Border Plugin • A simple Tailwind CSS plugin for beautiful gradient borders using mask-composite. Mirrors Tailwind's gradient utilities with from / via / to color stops, configurable widths, and an animated variant. | https://gradient-border.floriankiem.com/ |
| Front-of-the-front-end and back-of-the-front-end web development | https://bradfrost.com/blog/post/front-of-the-front-end-and-back-of-the-front-end-web-development/ |
| Taste Skill • Taste Skill gives your AI coding agent good taste. Open-source skill files that stop Cursor, Claude Code, Codex & more from generating generic, boring frontends. Install in one command. | https://www.tasteskill.dev/ |
| The Concept of Taste • An exploration of aesthetic taste in art, design, and creative fields. | https://www.raphaelsalaja.com/library/the-concept-of-taste |
| Design for Engineers • Design and code work hand-in-hand to produce memorable digital products. | https://didoesdigital.com/project/design-for-engineers/ |
| Jakub Krehel • Founding Design Engineer at Interfere | https://jakub.kr/ |
| Interfaces • Design Engineering Magazine | https://interfaces.dev/ |
| Hashvatar • Generate deterministic, unique avatars from wallet addresses, usernames, or any string. Zero dependencies. Gradient & dither modes. React & vanilla JS. | https://www.hashvatar.com/ |
| Remediate • Capture screenshots, video, voice notes, and annotations from users as in-app feedback. One React component, one server helper. Routes to Slack, Linear, GitHub, email, or webhooks. MIT licensed. | https://www.remediate.ski/ |
| Transitions.dev • Collection of the most essential transitions for web apps that you can just copy and paste into any project. | https://transitions.dev/ |
| devl.dev • Two years of UI experiments. 159+ components built on coss-ui, all on the shadcn registry. | https://devl.dev/ |
| ui.land • The Digital Library for Designers and Engineers. | https://ui.land/ |
| Using AI as a Design Engineer • How I use AI as a design engineer on a daily basis. | https://jakub.kr/work/using-ai-as-a-design-engineer |
| Torph • Dependency-free animated text component. | https://torph.lochie.me/ |
| shadowLab • A playground for creating box shadows for web and React Native. | https://shadowlab.mocarski.design/ |
| UI Skills • A set of skills to polish interfaces built by agents. | https://www.ui-skills.com/ |
| A Collection of Design Engineers • Collecting people I know who work at the intersection of design and engineering, in an attempt to figure out what a design engineer is | https://maggieappleton.com/design-engineers |
| rams • Automated design reviews for AI-generated code. Catches accessibility issues and visual bugs in React, Vue, Svelte, and more. | https://www.rams.ai/ |
| Design Principles • A curated collection of design principles used as decision-making frameworks. Practical examples and guidance for teams building products. | https://principles.design/ |
| Fancy Components • Ready to use, fancy React components to make the web fun again. Free & Open Source. | https://www.fancycomponents.dev/ |
| Design System Checklist • An open-source checklist to help you plan, build and grow your design system. | https://www.designsystemchecklist.com/ |
| Laws of UX • Laws of UX is a collection of best practices that designers can consider when building user interfaces. | https://lawsofux.com/ |
| Impeccable • 1 skill, 20 commands, and curated anti-patterns for impeccable frontend design. Works with Cursor, Claude Code, Gemini CLI, and Codex CLI. | https://impeccable.style/ |
| DialKit • A floating control panel for React: sliders, toggles, color pickers, spring editors, and action buttons wired directly to your UI values. | https://joshpuckett.me/dialkit |
| Details That Make Interfaces Feel Better • A collection of details that make your interfaces feel better. | https://jakub.kr/writing/details-that-make-interfaces-feel-better |
| Calligraph • Fluid text transitions powered by Motion | https://calligraph.raphaelsalaja.com/ |
| The Attributes of a Design Engineer • My definition of design engineering after building the practice at DoorDash. | https://www.ryngonzalez.com/blog/the-attributes-of-a-design-engineer |
| Easing Graphs • A curated collection of easing graphs | https://www.easing.dev/ |
| floguo • Founding design engineer at Paradigm | https://www.floguo.com/ |
| Design Engineering • Links and observations on design engineering | https://www.floguo.com/notes/design-engineering |
| Becoming a Design Engineer • Thoughts about design, code, technology and everything in between. | https://marcel.io/posts/becoming-a-design-engineer |
| Design Engineering • Learn what Design Engineers do, why they matter to modern tech companies, and how they differ from vibe coders. | https://www.designengineer.xyz/design-engineering |
| Design Engineer Tools • A list of useful tools for web-focused design engineers. | https://designengineer.tools/ |
| userinterface.wiki • A living manual for better interfaces. Learn design principles, motion, typography, and more. | https://userinterface.wiki/ |
| OKLCH.fyi • Convert, generate and explore OKLCH colors – a powerful tool to build unique and uniform color palettes. | https://oklch.fyi/ |
| The Component Gallery • An up-to-date repository of interface components based on examples from the world of design systems, designed to be a reference for anyone building user interfaces. | https://component.gallery/ |
| Interface Craft • A working library for those committed to designing with uncommon care. | https://www.interfacecraft.dev/ |
| Invisible Details of Interaction Design • What makes great interactions feel right? | https://rauno.me/craft/interaction-design |
| Interactive SVG Animations • An interactive mini-course on creating SVG animations by Nanda Syahrasyad. | https://www.svg.guide/ |
| Liveline • Real-time animated line chart for React. | https://github.com/benjitaylor/liveline |
| Family Values • What makes Family, Family. | https://benji.org/family-values |
| Devouring Details • An interactive reference manual for interaction-curious designers. | https://devouringdetails.com/ |
| UI Playbook • The documented collection of UI components. | https://uiplaybook.dev/ |
| ⌘K • Fast, unstyled command menu React component. | https://github.com/dip/cmdk |
| Web Interface Guidelines • A non-exhaustive list of details that make a good web interface. | https://interfaces.rauno.me/ |
| Design Engineer Jobs • Find a design engineering job in a next generation software company. | https://designengineer.io/ |
| soundcn • 700+ curated UI sound effects for modern web apps. | https://soundcn.xyz/ |
| Design Engineering: A State of Mind • Finding my dream role blending code, design, and product thinking | https://blog.designeng.club/p/design-engineering-a-state-of-mind |
| Design Engineering Club • Design Engineering Community | https://designeng.club/ |
| WebHaptics • Haptic feedback for the mobile web. | https://haptics.lochie.me |
| Design Engineering 101 • Practical guide to the jobs and skills of the design engineer in tech | https://www.designdisciplin.com/p/design-engineering-101 |
| Rauno Freiberg • Staff Design Engineer at Vercel | https://rauno.me/ |
| Sonner • An opinionated toast component for React. | https://sonner.emilkowal.ski/ |
| Emil Kowalski • Design engineer working at Linear. | https://emilkowal.ski/ |
| animations.dev • Animations on the Web | https://animations.dev |
| 12 Principles of Animation • A guide to the foundational principles of animation. | https://www.raphaelsalaja.com/library/12-principles-of-animation |
| Developing Taste • Why taste matters and how to develop it. | https://emilkowal.ski/ui/developing-taste |
| Design Engineering at Vercel • Learn what Design Engineers are and what they do at Vercel. | https://vercel.com/blog/design-engineering-at-vercel |
| Maze Heart | https://x.com/remvze |
Viewport: width=device-width
