Design engineer tools

Components

A community registry of copy-paste UI components for modern React stacks.

Inspiration

A gallery of motion-rich websites for studying high-craft animation on the web.

Components

Copy-paste Tailwind and Motion components for high-impact landing sections.

Organization

An open-source workspace that mixes docs, whiteboards, and databases.

Browser

A Chromium browser with spaces, split views, and a more designed tab model.

Organization

A slower, block-based tool for collecting and connecting research.

Inspiration

Awards and case studies for ambitious web design, development, and digital craft.

Fonts

A curated index of high-quality typefaces you can use without a paid licence.

3D

A collaborative 3D design tool aimed at product and spatial interface work.

Visual

A node-based environment for building and playing with visual systems.

3D

The open-source 3D suite for modelling, shading, animation, and rendering.

AI Code

A browser-based AI builder for spinning up full-stack web apps from a prompt.

Browser

A Chromium browser with built-in blocking and a stronger privacy default.

Visual

A browser-based visual programming tool for interactive WebGL scenes.

Motion

A procedural motion design app for building complex 2D animation systems.

Research

OpenAI's general assistant for research, writing, and early problem framing.

AI Code

Anthropic's agentic coding CLI for multi-step work across a real repository.

Desktop Utility

Anthropic's desktop coworking surface for working alongside Claude on local tasks.

AI Code

An autonomous coding agent that runs in your editor with visible tool use.

Digital Fashion

A 3D fashion design tool for patterning, draping, and garment visualisation.

Web Utility

A contrast and colour-pair checker for accessible UI palettes.

Components

A reference of UI components compared across real design systems.

Web Utility

Fast palette generator and contrast checks for interface colour work.

Inspiration

A visual search and moodboarding tool for collecting design references.

Inspiration

Hand-picked website inspiration organised for faster visual research.

Components

Ready-made custom cursor components and effects for the web.

AI Code

An AI-native code editor for inline edits, agents, and repo-aware chat.

Components

Semantic Tailwind component classes with themes for fast UI scaffolding.

Video & Capture

A professional editor, colour, and finishing suite with a capable free edition.

Volumetric

A volumetric video toolkit for capturing and playing holographic performances.

Inspiration

A collection of interface details and interaction tricks worth stealing carefully.

Desktop Utility

Open-source software for sharing a keyboard and mouse across multiple computers.

Organization

A local library for organising images, screenshots, and design references.

Web Utility

An interactive editor for crafting and previewing animation easing curves.

Web Utility

A visual cheat sheet of common easing functions with copyable values.

Web Utility

A tool for building colour gradients that ease instead of banding linearly.

Audio

A voice platform for generating and cloning speech for products and prototypes.

Whiteboard

A virtual whiteboard for hand-drawn diagrams that stay easy to edit.

Components

A set of animated React components aimed at distinctive marketing UI.

Whiteboard

Figma's collaborative whiteboard for workshops, flows, and sticky-note thinking.

Interface

The standard collaborative interface design tool for product and design-system work.

Browser

Mozilla's independent browser, still essential for layout and engine testing.

Audio

A professional audio engine for interactive sound in games and real-time apps.

Fonts

A living archive of typefaces spotted in real graphic and digital work.

Fonts

A free font service from Indian Type Foundry with well-made families for the web.

Interface

A design-to-site tool for shipping marketing pages with real components and CMS.

Components

Learning resources, remixes, and components for building in Framer.

Fonts

A gallery of distinctive free typefaces presented with more care than a dump.

Inspiration

Screenshots of video game interfaces for HUD, menu, and inventory research.

glTF

A converter that turns glTF files into reusable React Three Fiber components.

glTF

A meshoptimizer tool for compressing and simplifying glTF assets for the web.

Inspiration

A tightly curated gallery of websites with exceptional motion and craft.

Research

Google's assistant for research, multimodal questions, and workspace-adjacent tasks.

Desktop Utility

An AI notepad for meetings that turns conversation into structured notes.

Motion

The standard JavaScript animation library for timelines, scroll, and UI motion.

Components

React component library formerly NextUI, for styled accessible product UI.

3D

A procedural 3D and VFX platform for systems that need to be rebuilt, not sculpted.

Inspiration

Fictional HUDs and GUIs from film and games, collected as interface inspiration.

Inspiration

A catalogue of in-game user interfaces photographed from real titles.

Motion

A collaborative motion tool for interface animation, exports, and product clips.

Volumetric

A photogrammetry app for turning photos into 3D models on a phone.

Inspiration

A community feed of product shots, UI explorations, and design work in progress.

Organization

An issue tracker designed for fast product teams and keyboard-first workflows.

Inspiration

An archive of unconventional mobile websites and alternative mobile web design.

Desktop Utility

A free, open-source way to send files across devices on the same network.

Video & Capture

A fast, lossless tool for trimming and concatenating video without a re-encode.

Motion

A browser editor for creating and tweaking Lottie animations for product UI.

Motion

Host, edit, and ship Lottie motion for product UI and marketing.

Motion

A modern editor for designing Lottie animations with a timeline built for UI.

AI Code

Prompt-to-full-stack app builder that ships React, auth, and a database.

Volumetric

Interactive Gaussian splat scenes captured from the real world.

AI Code

AI UI generation that tries to stay on your existing design system.

Components

Animated marketing components that drop into a shadcn and Tailwind stack.

Emoji

A small studio for designing custom emoji and sticker-like marks.

Digital Fashion

A cloth-simulation tool for building realistic garments on 3D characters.

Inspiration

A gallery of restrained, typographic, and quietly composed websites.

Inspiration

A small collection of stripped-back sites that do more with less.

Whiteboard

A large-scale online whiteboard for workshops, research, and programme planning.

Inspiration

Real mobile and web screens from live products, searchable by flow and pattern.

Components

Copy-paste motion components built with Motion and Tailwind CSS.

Whiteboard

A spatial canvas for thinking with sketches, clippings, and freeform notes.

glTF

A web viewer for inspecting glTF and 3D scenes in the browser.

Visual

A node-based tool for composing visual and interactive work on the web.

Visual

A node graph for authoring shaders you can take into web and 3D tools.

Research

A Google tool for asking questions against sources you upload yourself.

Components

A component for animating number changes with accessible, high-quality motion.

Video & Capture

GPU-based instant replay and screen recording on NVIDIA systems.

Video & Capture

Open-source software for recording, compositing, and live-streaming your screen.

Organization

A local-first knowledge base of linked Markdown notes.

Web Utility

A picker and converter for perceptually uniform OKLCH colour work.

AI Code

OpenAI's coding agent for turning tasks into patches across a codebase.

Video & Capture

A free, open-source video editor aimed at simple cuts in the browser or desktop.

Interface

A canvas for designing interfaces with a more code-aware, AI-assisted workflow.

Video & Capture

Low-latency remote desktop for using another computer as if it were local.

Interface

An open-source design tool with SVG at the core and self-hosting as an option.

Inspiration

Visual search for moodboards, art direction, and loose design references.

Volumetric

A LiDAR and photogrammetry app for capturing spaces and objects in 3D.

Web Utility

A browser tool for turning code snippets into shareable, well-set images.

Desktop Utility

A fast launcher and extension platform for macOS productivity.

Components

A collection of animated React UI bits, backgrounds, and interactive extras.

Volumetric

Epic's photogrammetry app for scanning objects into Unreal-ready assets.

Inspiration

A gallery of brand refreshes and identity systems in the wild.

Video & Capture

A developer-focused recorder for capturing product demos and UI walkthroughs.

Web Utility

A live regular-expression workbench with explanation, tests, and a cheatsheet.

Interface

A tool for interactive motion graphics that run as state machines in product UI.

Inspiration

SaaS landing-page and product-site inspiration for marketing UI research.

Inspiration

Visual similarity search for finding images that share a mood or look.

Video & Capture

A macOS screen recorder that adds camera, zoom, and polish automatically.

Inspiration

A design-oriented search engine for websites, type, and visual references.

Inspiration

Curated website inspiration with an emphasis on contemporary digital craft.

Components

Accessible, copy-paste React components you own in your codebase.

Visual

A community playground of fragment shaders you can read, fork, and learn from.

Video & Capture

A Windows capture tool for screenshots, GIFs, scrolling captures, and uploads.

AI Code

A directory of reusable agent skills you can install into AI coding tools.

Inspiration

A spatial visual search engine that arranges related images along a spiral.

Audio

A sample library for music, UI sound, and short audio textures.

3D

A browser 3D design tool with exports aimed at websites and product UI.

Interface

Google Labs' experiment for generating UI screens from prompts and context.

Digital Fashion

A 3D fashion platform for digital garments, fabrics, and production visualisation.

Inspiration

A collection of standout website heroes and first-screen marketing layouts.

Volumetric

A browser editor for inspecting and cleaning Gaussian splat scenes.

Web Utility

A visual GUI for SVGO so you can optimise SVG assets without a terminal.

Components

Official Tailwind UI kits and templates, now sold as Tailwind Plus.

Motion

A motion toolkit for sequencing and directing animation inside a web app.

Whiteboard

An infinite canvas with a sharp drawing engine, also available as a SDK.

Visual

A node-based environment for real-time visuals, installations, and show control.

Organization

A kanban board for lightweight personal and team task tracking.

Web Utility

A utility for capturing and reviewing interface stills from the browser.

Fonts

A sharp collection of free and independent type with a strong editorial eye.

Visual

A visual WebGL editor for embedding animated scenes into websites.

AI Code

Vercel's UI generator for React and Tailwind prototypes you can refine in code.

Desktop Utility

A modern terminal with blocks, AI assistance, and collaborative workflows.

AI Code

An agentic IDE from the Codeium team for cascade-style coding sessions.

Desktop Utility

Voice dictation that turns speech into clean text across your desktop apps.

3D

A playful 3D modeller for fast, sculptural forms in the browser.

AI Code

A fast, GPU-rendered editor with built-in agentic editing and collaboration.

Browser

A Firefox-based browser with a calmer, more customisable interface.