Skip to content

Frameworks, editors, coding agents, animation engines, WebGL and hosting that turn a design into a working interface. Picked for how well they hold up past the prototype.

67
tools
7
sections
01

Frameworks & runtimes

10
  • ReactThe component model most of this list assumes.
  • Next.jsReact framework with server rendering, routing and metadata.
  • AstroContent-first framework that ships zero JS by default.
  • ViteFast dev server and build tool for any front end.
  • SvelteCompiler-first framework with built-in transitions.
  • Tailwind CSSUtility-first CSS with a token-driven theme.
  • BunJavaScript runtime, bundler and package manager in one.
  • StorybookBuild and test components in isolation.
  • BiomeOne fast tool for formatting and linting.
  • TurborepoMonorepo builds with remote caching.
02

Editors & terminals

4
  • ZedFast, multiplayer editor with agent editing built in.
  • VS CodeThe editor most extensions and agents target first.
  • GhosttyNative, GPU-accelerated terminal.
  • WarpTerminal with blocks, search and built-in agents.
03

Coding agents

17
  • Claude CodeAgentic coding from the terminal, IDE or browser.
  • CursorAI editor with codebase-aware completions and agents.
  • OpenAI CodexOpenAI's coding agent for the terminal, IDE and cloud.
  • Gemini CLIGoogle's open-source coding agent for the terminal.
  • GitHub CopilotCompletions, chat and a cloud coding agent across GitHub and your editor.
  • AmpSourcegraph's coding agent for the terminal and editor.
  • OpenCodeOpen-source terminal coding agent that works with any model.
  • AiderPair programming in the terminal, committing as it goes.
  • ClineOpen-source coding agent that runs in your editor.
  • DevinCognition's autonomous engineer that takes tickets and opens PRs.
  • JulesGoogle's async coding agent that works on your repo in the cloud.
  • FactoryDroids that take on coding, review and migration work across your stack.
  • WindsurfAI editor with a collaborative agent mode.
  • v0Generate React and Tailwind UI from prompts and screenshots.
  • LovableDescribe an app and get a working full-stack build.
  • BoltPrompt, run and deploy full-stack apps in the browser.
  • ReplitBrowser IDE with an agent that builds and hosts apps.
04

MCP & agent context

11
  • Model Context ProtocolThe open spec for connecting agents to tools and data.
  • skills.shDirectory and leaderboard of reusable agent skills.
  • SmitheryRegistry for finding and installing MCP servers.
  • Context7Up-to-date library docs served to coding agents.
  • Playwright MCPLets an agent drive a real browser through accessibility snapshots.
  • AGENTS.mdA README convention that tells coding agents how a repo works.
  • ImpeccableOne skill and twenty commands that hold an agent to a design floor.
  • Taste SkillSkill files that stop coding agents shipping generic frontends.
  • UI SkillsSkills for polishing an interface an agent built.
  • emilkowalski/skillsEmil Kowalski's design-engineering skills for agents.
  • jakubkrehel/skillsAgent skills for animation, typography, layout and color.
05

Animation engines

7
  • GSAPTimelines with ScrollTrigger, SplitText and Flip. All plugins free.
  • MotionSprings, layout animation and presence for React and vanilla JS.
  • LenisSmooth scroll that keeps native behavior and syncs with GSAP.
  • React SpringPhysics-based animation hooks.
  • Anime.jsLightweight animation engine with a timeline API.
  • AutoAnimateOne line to animate list additions, removals and moves.
  • LottiePlay After Effects and Lottie animations natively.
06

WebGL & shaders

11
  • Three.jsThe standard 3D library for the web.
  • React Three FiberReact renderer for Three.js from Poimandres.
  • OGLMinimal WebGL library for shader planes and light scenes.
  • Paper ShadersZero-dependency shaders: mesh gradients, grain, dithering.
  • ShaderGradientAnimated 3D gradients as a React component.
  • Unicorn StudioNo-code WebGL effects exported as embeds.
  • ShadertoyCommunity fragment shaders to read and fork.
  • The Book of ShadersStep-by-step guide to fragment shaders.
  • gltfjsxTurns glTF models into reusable React Three Fiber components.
  • gltfpackCompresses and optimizes glTF files for fast web delivery.
  • Needle ViewerDrop in a glTF to inspect it and check what it will cost.
07

Deploy

7
  • VercelFramework-aware hosting with a preview URL per branch.
  • NetlifyGit deploys with forms, functions and edge handlers.
  • Cloudflare PagesStatic and full-stack deploys on Cloudflare's network.
  • RailwayDeploy services, databases and cron from a canvas.
  • Fly.ioRun containers close to users in many regions.
  • RenderManaged web services, workers and Postgres.
  • SupabasePostgres with auth, storage and realtime.