# Design Engineer Tools

> Curated directory of software, libraries, and resources for web design engineers.

Design Engineer Tools is an organized directory specifically curated for web-focused design engineers. Created by James Warner, it catalogs tools across web development, 3D modeling, typography, motion graphics, and AI coding. It serves as a single-page reference for finding modern utilities and design inspiration.

Website: https://designengineer.tools/

## What it is for

- Discover new UI component libraries and styling utilities
- Find AI-assisted code editors and developer tools
- Browse design galleries and interactive inspiration sites
- Locate specialized 3D, motion, and volumetric capture software

## Features

- Categorized directory covering over 15 creative and technical disciplines
- Dedicated sections for AI coding tools, UI components, and web utilities
- Curated links to 3D, glTF, and volumetric production software
- Direct links out to official websites and documentation
- Minimalist single-page interface with theme switching

## Pricing

Free to browse

## Details

- Type: Website
- Category: [Development](https://xiry.app/topics/development.md)
- Open source: no
- Platforms: Web
- For: Design engineers, front-end developers, and UI/UX designers
- Tags: design engineering, developer tools, ui components, curated list, frontend, inspiration

## Why it was saved

- [@dhruvtwt_, 3 June 2026](https://x.com/dhruvtwt_/status/2062222623707414844): One-stop list of inspiration sites, AI coding tools, component libraries, and utilities relevant to building and designing web products.

## Related

- [AI UI Building Resources](https://xiry.app/resources/ai-ui-building-resources): Curated list of component libraries and tools for AI-assisted UI design (List, Free)
- [Eight Dev Tools, Zero Fluff — Part 6](https://xiry.app/resources/eight-dev-tools-zero-fluff-part-6): Curated list of eight front-end design and developer utility tools (List)
- [Boneyard](https://xiry.app/resources/boneyard): Auto-generates pixel-perfect skeleton screens directly from your real rendered DOM (GitHub repo, Open source)
- [coss ui](https://xiry.app/resources/coss-ui): Modern UI component library built on top of Base UI (Web app, Free)
- [Osmo](https://xiry.app/resources/osmo): Resource vault and toolkit of animations, components, and transitions for Webflow and HTML (Website, Paid)
- [Amicro](https://xiry.app/resources/amicro): Micro-interaction and transition UI component library built with React and Motion (Web app)

Updated 10 October 2026. Page: https://xiry.app/resources/design-engineer-tools

Make your own library: Xiry takes your saved reels, tweets, Reddit bookmarks and Watch Later videos, makes them searchable and pulls the useful stuff out, like this library. It's invite-only for now; join the waitlist at https://xiry.app/#waitlist.