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.
SQLite
Public domainEmbedded 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 serviceDocument 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 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.
MongoDB
Source-availableDocument database
Stores JSON-like documents with flexible schemas and scales horizontally with sharding. Commonly run through the managed Atlas service.
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.
Pinecone
Managed serviceManaged vector database
A fully hosted vector database for storing and searching embeddings. No infrastructure to run; you pay for storage and queries.
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.
CoreUI
FreemiumAdmin dashboard system
An admin template with native versions for React, Vue, Angular, and plain Bootstrap. The free edition is open source; Pro adds more components and templates.
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.
Metronic
CommercialCommercial admin theme
A large paid theme with dozens of prebuilt app layouts, data tables, and integrations across React, Angular, Vue, Laravel, and more.
Horizon UI
FreemiumAdmin dashboard template
A modern dashboard template for React and Next.js with Tailwind CSS and Chakra UI versions, strong default dark mode, and chart-heavy widgets. Free version plus a Pro upgrade.
TailAdmin
FreemiumAdmin dashboard template
A Tailwind CSS admin dashboard with free open-source editions for React, Next.js, Vue, and plain HTML, plus a paid Pro tier.
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.
Flowbite
FreemiumTailwind 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 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.
Claude Code
CommercialAI coding agent
Anthropic's agentic coding tool. It reads your codebase, edits files, runs commands, and handles multi-step tasks from the terminal, IDE, desktop app, or browser.
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.
REST
Open standardAPI architectural style
Resources addressed by URLs and manipulated with standard HTTP methods and status codes. Simple, cacheable, and understood by every HTTP client.
GraphQL
Open standardAPI query language
Clients send a query describing exactly the fields they need and get back that shape in one request, from a single typed endpoint.
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.
Unity
FreemiumCross-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-availableHigh-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 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.
Kenney
Public domainFree 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 standardOpen 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 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.
frontend-design
Source-availableAesthetic 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 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.
Figma Generate Library
FreemiumDesign-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.