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 sourceTyped 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 sourceMemory-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 sourceComponent-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 sourceCross-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 sourceJavaScript 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 sourceAll-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 sourceInterpreted 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 sourceProgressive 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 sourceCompiled 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 sourceReact 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 sourceCompiled 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 sourcePostgres 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 sourceRelational 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.
Redis
Open sourceIn-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.
Prisma
Open sourceTypeScript 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 sourceTypeScript 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.
Qdrant
Open sourceVector 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 sourceEmbedded 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.
Tabler
Open sourceAdmin dashboard template
A polished, MIT-licensed dashboard template built on Bootstrap 5, with hundreds of responsive components, an icon set, and dark mode.
AdminLTE
Open sourceAdmin dashboard template
One of the longest-running open-source admin templates. Version 4 moves to Bootstrap 5 and drops the jQuery requirement.
CSS & component libraries
Utility-first CSS, headless primitives, and full component design systems.
shadcn/ui
Open sourceCopy-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 sourceUtility-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 sourceTailwind 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 sourceReact 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 sourceEnterprise React design system
A design system from Ant Group aimed at data-heavy business software, with especially capable tables, trees, filters, and forms.
Radix UI
Open sourceHeadless 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 sourceHeadless accessible components
Tailwind Labs' set of unstyled, accessible components for React and Vue, designed to pair with Tailwind classes.
Vuetify
Open sourceVue 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.
Vite
Open sourceFrontend build tool and dev server
Serves source files as native ES modules during development, so the dev server starts almost instantly and hot module replacement stays fast as the project grows. Bundles for production.
Codex
Open sourceAI coding agent
OpenAI's coding agent, available as an open-source CLI and as a cloud agent that works on tasks in parallel sandboxes.
Docker
Open sourceContainer platform
Packages an app with its dependencies and configuration into a container image that runs the same on a laptop, CI, and production.
Game development
From browser-first renderers and 2D frameworks to full engines, plus physics, level editors, and free assets.
Three.js
Open source3D 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 sourceReact 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 source3D web engine
A full 3D engine started at Microsoft, with physics, a scene inspector, PBR lighting, WebXR, and WebGPU support built in.
PlayCanvas
Open source3D 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 source2D 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 source2D 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 sourceBeginner-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 sourceFull 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.
Rapier
Open sourcePhysics 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 sourceTilemap 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.
AI agent skills
Installable skill folders that teach a coding agent one specific job — design direction, polish, accessibility, design systems.
Impeccable
Open sourceDesign 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.
make-interfaces-feel-better
Open sourceDesign-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 sourceUI 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 sourceAccessibility 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.