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.
- 59
- tools
- 7
- sections
Frameworks & runtimes
Where the code lives.
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.
Coding agents
Agents that write the interface with you.
9- Claude CodeAgentic coding from the terminal, IDE or browser.
- CursorAI editor with codebase-aware completions and agents.
- OpenAI CodexnewOpenAI's coding agent for the terminal, IDE and cloud.
- ClinenewOpen-source coding agent that runs in your editor.
- 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.
MCP & agent context
What your agents know and can reach.
11- Model Context ProtocolThe open spec for connecting agents to tools and data.
- skills.shnewDirectory 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.
- ImpeccablenewOne skill and twenty commands that hold an agent to a design floor.
- Taste SkillnewSkill files that stop coding agents shipping generic frontends.
- UI SkillsnewSkills for polishing an interface an agent built.
- emilkowalski/skillsnewEmil Kowalski's design-engineering skills for agents.
- jakubkrehel/skillsnewAgent skills for animation, typography, layout and colour.
Animation engines
Timelines, springs and scroll, in code.
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 behaviour 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.
WebGL & shaders
Pixels computed, not placed.
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.
- gltfjsxnewTurns glTF models into reusable React Three Fiber components.
- gltfpacknewCompresses and optimises glTF files for fast web delivery.
- Needle ViewernewDrop in a glTF to inspect it and check what it will cost.
Deploy
Hosting, edge and data.
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.