A curated list of useful tools for web-focused design engineers.

• Inspiration: Discover a wide range of tools for design inspiration, including Awwwards, Mobbin, and Pinterest.
• Components: Find essential components and libraries like React Bits and shadcn/ui to streamline your development process.
• AI Code: Leverage AI-powered tools such as Google Gemini, OpenAI Codex, and v0 by Vercel to enhance your coding experience.
• Web Utility: Utilize tools for color selection, regex testing, and SVG optimization with options like Color.review and RegExr.
• Desktop Utility: Explore productivity tools like Raycast and Warp for a more efficient desktop experience.
• Video & Capture: Access tools for screen recording and video editing, including OBS Studio and ShareX.
• Whiteboard: Collaborate and brainstorm with digital whiteboarding tools like Excalidraw and Miro.
• Organization: Manage your projects and ideas with tools like Linear, Obsidian, and Trello.
• Fonts: Discover a variety of font resources, including Fontshare and Free Faces.
• Visual: Explore visual tools and platforms such as cables.gl and ShaderToy.
• Interface: Access design and prototyping tools like Figma, Framer, and Penpot.
• Animation: Find tools for creating animations, including Jitter and Lottie Creator.
• Motion: Utilize motion design tools like Cavalry and Theatre.js.
• Audio: Explore audio tools for sound design and generation.
• Volumetric: Discover tools for working with volumetric data and 3D capture.
• 3D: Access powerful 3D creation and modeling software like Blender and Spline.
• glTF: Find tools for working with the glTF 3D file format.
• Digital Fashion: Explore tools for creating and visualizing digital fashion.
• Research: Utilize AI-powered research assistants like ChatGPT and Google Gemini.
• Browser: Discover alternative browsers focused on privacy and productivity.
• Emoji: Tools for creating and managing emojis.
• Test: Resources for testing and development.

Suggest new tools and contribute to the growing list!