tools

Tools

Know what's in the toolbox

What each tool is, how it's licensed, and when a dev would actually reach for it.

Languages & runtimes

The foundation layer: languages, runtimes, and the core app frameworks built on them.

TypeScript

Open source

Typed superset of JavaScript

Adds static types and interfaces to JavaScript, then compiles away to plain JS. The payoff is editor autocomplete, safer refactors, and a whole class of runtime bugs caught before you ship.

Rust

Open source

Memory-safe systems language

A compiled systems language that guarantees memory safety at compile time without a garbage collector. Fast and predictable, at the cost of a steeper learning curve than most web languages.

React

Open source

Component-based UI library

Meta's library for building UIs from components written in JSX. It is a UI layer, not a full framework, so routing, data fetching, and builds come from the tools you pair it with.

Tauri

Open source

Cross-platform desktop framework

Builds desktop (and mobile) apps from a web frontend plus a Rust backend. It uses the operating system's own webview instead of bundling Chromium, so installers are far smaller than Electron's.

Node.js

Open source

JavaScript runtime

The server-side JavaScript runtime that most of the web tooling ecosystem is built on. Event-driven and non-blocking, with the broadest package and hosting support of any JS runtime.

Bun

Open source

All-in-one JavaScript runtime

A JavaScript runtime that also ships a package manager, bundler, and test runner in one binary. Runs TypeScript directly and aims to be a drop-in replacement for Node.

Python

Open source

Interpreted general-purpose language

A readable, batteries-included language that dominates data work and machine learning. On the web it shows up as API backends (FastAPI, Django) and anywhere ML models need serving.

Vue.js

Open source

Progressive frontend framework

A frontend framework built around single-file components (`.vue`) and built-in reactivity. More batteries-included than React out of the box, with an official router and state library.

Svelte / SvelteKit

Open source

Compiled UI framework

Svelte compiles components into small imperative JavaScript at build time instead of shipping a virtual-DOM runtime. SvelteKit is its full-stack framework with routing, SSR, and deployment adapters.

Next.js

Open source

React meta-framework

The most widely used React framework, maintained by Vercel. Adds file-based routing, server rendering, static generation, React Server Components, and API routes on top of React.

C# / .NET

Open source

Compiled object-oriented platform

Microsoft's cross-platform runtime and C# language, open source and running on Windows, macOS, and Linux. Strong for large backends, desktop apps, and games through Unity.

Databases & backends

Relational, document, embedded, and vector stores, plus the backends and ORMs around them.

Supabase

Open source

Postgres backend-as-a-service

A hosted Postgres database bundled with auth, storage, realtime subscriptions, edge functions, and auto-generated APIs. Authorization is enforced in the database with Row Level Security policies.

PostgreSQL

Open source

Relational SQL database

A mature, standards-compliant relational database with strong JSON support and a large extension ecosystem, including PostGIS for geospatial data and pgvector for embeddings.

SQLite

Public domain

Embedded single-file database

A full SQL database that lives in one file inside your application, with no server to run. Reads and writes are local disk operations, which makes it extremely fast for single-process workloads.

Firebase

Managed service

Document backend-as-a-service

Google's app platform: Firestore document database, auth, hosting, cloud functions, analytics, and push messaging. Strong realtime sync and offline support on mobile.

Redis

Open source

In-memory key-value store

An in-memory data structure store used as a cache, session store, rate limiter, queue, and pub/sub broker. Responses are typically sub-millisecond because data lives in RAM.

MongoDB

Source-available

Document database

Stores JSON-like documents with flexible schemas and scales horizontally with sharding. Commonly run through the managed Atlas service.

Prisma

Open source

TypeScript ORM

Define your schema in one file and Prisma generates a fully typed client plus migrations. A renamed column becomes a compile error instead of a runtime failure.

Drizzle

Open source

TypeScript SQL query builder

A lightweight ORM whose query API mirrors SQL, with schemas written in TypeScript. Small runtime footprint and a good fit for serverless and edge environments.

Pinecone

Managed service

Managed vector database

A fully hosted vector database for storing and searching embeddings. No infrastructure to run; you pay for storage and queries.

Qdrant

Open source

Vector search engine

An open-source vector database written in Rust, with payload filtering alongside similarity search. Self-host it or use the managed cloud.

DuckDB

Open source

Embedded analytical database

A columnar SQL engine that runs in-process, like SQLite but built for analytics. Queries CSV and Parquet files directly and handles large local datasets quickly.

Dashboards & UI kits

Pre-assembled admin panels and templates for internal tools and client portals.

CSS & component libraries

Utility-first CSS, headless primitives, and full component design systems.

shadcn/ui

Open source

Copy-into-your-repo components

Not a package you install but a set of React components you copy into your project with a CLI, built on accessible primitives and Tailwind. You own and edit the code directly.

Tailwind CSS

Open source

Utility-first CSS framework

Style directly in markup with small single-purpose classes like `flex`, `px-4`, and `rounded-lg`. Unused classes are stripped at build time, so the shipped CSS stays small.

DaisyUI

Open source

Tailwind component plugin

A Tailwind plugin that adds semantic component classes like `btn`, `card`, and `navbar`, plus themes. Cuts class clutter while keeping Tailwind underneath.

Mantine

Open source

React component library

A batteries-included React library with 100+ components, a hooks package, form management, modals, notifications, and dark mode built in.

Ant Design

Open source

Enterprise React design system

A design system from Ant Group aimed at data-heavy business software, with especially capable tables, trees, filters, and forms.

Flowbite

Freemium

Tailwind component library

Interactive Tailwind components (dropdowns, modals, navbars, datepickers) with vanilla JS plus React, Vue, and Svelte bindings. Open-source core with paid Pro blocks.

Radix UI

Open source

Headless accessible primitives

Unstyled React primitives (dialogs, dropdowns, popovers, tabs) that handle focus management, keyboard navigation, and ARIA for you. You bring all the styling.

Headless UI

Open source

Headless accessible components

Tailwind Labs' set of unstyled, accessible components for React and Vue, designed to pair with Tailwind classes.

Vuetify

Open source

Vue component framework

A complete Material Design component framework for Vue, with a broad set of layout and form components.

Dev tooling & AI

Build tools, API styles, containers, and AI coding assistants.

Game development

From browser-first renderers and 2D frameworks to full engines, plus physics, level editors, and free assets.

Three.js

Open source

3D rendering library

The most widely used JavaScript 3D library: scenes, cameras, lights, materials, and loaders over WebGL, with a WebGPU renderer alongside. It renders; physics, input, and game structure are up to you.

React Three Fiber

Open source

React renderer for Three.js

Write Three.js scenes as declarative React components. Pairs with the drei helper library for cameras, controls, loaders, and effects.

Babylon.js

Open source

3D web engine

A full 3D engine started at Microsoft, with physics, a scene inspector, PBR lighting, WebXR, and WebGPU support built in.

PlayCanvas

Open source

3D game engine and editor

A WebGL/WebGPU game engine with a collaborative, browser-based visual editor. Games are built for the web first, with small builds that load fast on mobile.

Phaser

Open source

2D game framework

A full 2D framework for browser games: scenes, sprites, tilemaps, input, audio, cameras, and built-in physics. The default choice for 2D HTML5 games.

PixiJS

Open source

2D rendering engine

A fast 2D renderer for WebGL and WebGPU. It draws sprites, text, and graphics very quickly but isn't a game framework — no built-in physics or scene flow.

Kaplay

Open source

Beginner-friendly 2D library

A small, fun-first JavaScript game library with a component-based API that gets a playable game on screen in a few lines. The community-maintained continuation of Kaboom.js.

Godot

Open source

Full game engine

A complete, MIT-licensed 2D and 3D engine with its own editor and scripting language (GDScript), plus C#. Exports to desktop, mobile, and the web.

Unity

Freemium

Cross-platform game engine

A widely used commercial engine for 2D and 3D games, scripted in C#, with a large asset store and export to desktop, mobile, consoles, and the web.

Unreal Engine

Source-available

High-end 3D game engine

Epic's engine for high-fidelity 3D, with C++ and Blueprints visual scripting, and built-in rendering features like Nanite geometry and Lumen lighting. Also used for film and visualization.

Rapier

Open source

Physics engine

A 2D and 3D physics engine written in Rust and shipped to JavaScript as WebAssembly. Deterministic simulation, rigid bodies, joints, and character controllers.

Tiled

Open source

Tilemap level editor

A free desktop editor for tile-based levels. Exports JSON and TMX maps that Phaser, Godot, and most 2D engines can load directly.

Kenney

Public domain

Free game asset library

Thousands of CC0 2D sprites, 3D models, UI elements, and sound effects you can use in any project, commercial included, without attribution.

AI agent skills

Installable skill folders that teach a coding agent one specific job — design direction, polish, accessibility, design systems.

Agent Skills (the format)

Open standard

Open standard for agent skills

A skill is a folder with a SKILL.md file — a name, a description, and instructions — plus optional scripts and reference docs. The agent sees only the short description until a task needs the skill, then loads the rest. Published by Anthropic as an open standard in December 2025.

Impeccable

Open source

Design direction and critique skill

A design skill that pushes coding agents away from generic, templated UI. It ships named commands — shape, critique, audit, polish, animate, adapt, extract, live — and guidance on typography, spacing, OKLCH color, motion, and UX copy.

frontend-design

Source-available

Aesthetic direction skill

Anthropic's Claude Code plugin skill for new UI work: the agent commits to a clear aesthetic direction — typography, layout, color — before writing code, instead of reaching for template defaults.

make-interfaces-feel-better

Open source

Design-engineering polish skill

Jakub Krehel's skill for the small details that make an interface feel finished: press feedback on buttons, balanced text wrapping, concentric border radii, shadows, hit areas, icon alignment, and restrained enter/exit animation.

Web Design Guidelines

Open source

UI review skill

Vercel's skill that reviews UI code against its Web Interface Guidelines — 100+ rules across accessibility, performance, and UX — fetching the latest rules before each run and reporting findings as file:line.

Accessibility Review

Open source

Accessibility audit skill

Part of Anthropic's open-source design plugin: runs a WCAG 2.1 AA audit on a design or page, covering color contrast, keyboard navigation, touch target size, and screen reader behavior.

Figma Generate Library

Freemium

Design-system skill

One of Figma's official MCP skills: builds or updates a Figma component library from your codebase in phases — audit what exists, create token collections, build component pages, then run a quality check.

WWADD — Moves. Stacks. Judgment calls.

FREE REFERENCE · NO LOGIN · NO TRACKING