Awesome AI × HTML

The web layer for AI agents. A curated list of tools, frameworks, MCP servers, CLIs, and skills that let LLMs generate, operate, and understand HTML.

---

Why this list?

The HTML stack got swallowed by AI in 2024–2026. Four new lanes emerged that don't fit existing awesome-* lists:

1. 🎨 AI generates HTML/UI — v0, bolt.new, screenshot-to-code, openui
2. 🤖 Agents operate HTML — browser-use, stagehand, playwright-mcp, computer-use
3. ✨ HTML → LLM pipeline — firecrawl, crawl4ai, jina-reader, markitdown, defuddle
4. 📄 HTML as agent output — Claude Design, html-effectiveness and 4 derivative skills. Agents emitting self-contained .html artifacts instead of Markdown walls. Anthropic validated this in Apr 2026 by shipping Claude Design.

This list collects the production-ready tools in those four lanes — plus the MCP servers, CLIs, and agent skills built on top of them.

Inclusion bar: ≥1k stars OR shipped by a known org OR demonstrably used in production OR seeded a movement. No abandoned forks, no hype-only repos.

---

Contents

• 🎨 LLM → UI Generation
  • v0-style site builders
  • Screenshot / sketch → code
  • Component & template registries
• 🤖 Agents that operate HTML
  • Browser-use frameworks
  • Headless browsers built for AI
  • GUI / vision agents
• ✨ HTML → LLM pipeline
  • Web → Markdown extractors
  • Crawlers built for LLMs
  • Readability / cleanup
• 📄 HTML-as-output movement
  • Frontier products
  • The manifesto & demos
  • Agent skills for HTML output
  • Classless CSS (agent-friendly)
• 🧩 MCP Servers (web/HTML)
• 🛠 CLIs
• 🪄 Agent Skills
• 🧠 SDKs & Frameworks
• 📚 Learn
• 🌟 Related awesome lists
• Contributing

---

Legend

Symbol	Meaning
🏢	Backed by a company / well-funded org
🆓	Fully open-source, self-hostable
☁️	Hosted SaaS (free tier may exist)
🐍 / 📇 / 🦀 / 🏎️	Python / TypeScript / Rust / Go
🔥	>50k stars
🆕	Created in the last 12 months
🎖	Official / reference implementation

---

🎨 LLM → UI Generation

v0-style site builders

Prompt → full-stack working app. The category that made AI×HTML mainstream.

• bolt.new ☁️ 🏢 — 16k★ Prompt, run, edit, and deploy full-stack web apps in the browser. By StackBlitz.
• bolt.diy 🆓 📇 — 19k★ Open-source bolt.new — bring any LLM (Anthropic, OpenAI, Ollama, Groq).
• OpenUI 🆓 🏢 📇 — 22k★ Describe a UI, see it rendered live, convert to React/Svelte/Web Components. By Weights & Biases.
• gpt-engineer 🆓 🐍 — 55k★ CLI codegen platform — precursor to Lovable.dev.
• llamacoder 🆓 📇 — 7k★ Open-source Claude Artifacts, built with Llama 3.
• Vercel AI Chatbot 🆓 🏢 📇 — 20k★ Production-grade Next.js AI chatbot template (the one most v0-clones fork from).

Screenshot / sketch → code

• screenshot-to-code 🆓 📇 🔥 — 73k★ Drop in a screenshot → clean HTML/Tailwind/React/Vue.
• tldraw make-real 🆓 📇 — 5k★ Draw a UI on a whiteboard, ship a working HTML page.
• OmniParser 🆓 🏢 — 25k★ Pure-vision GUI parser — turns any screenshot into structured action targets. By Microsoft.

Component & template registries

• shadcn/ui 🆓 📇 🔥 — 114k★ The component registry every AI codegen tool emits against.
• Magic UI 🆓 📇 — 21k★ Animated components designed to look great when generated by AI.
• Vercel AI SDK 🆓 🏢 📇 — 24k★ TypeScript toolkit including useChat, generative UI, streamable React server components.

---

🤖 Agents that operate HTML

Browser-use frameworks

Give an LLM a real browser. Click, type, scrape, login, fill forms.

• browser-use 🆓 🐍 🔥 🆕 — 94k★ "Make websites accessible for AI agents." The default Python choice.
• Stagehand 🆓 🏢 📇 — 23k★ SDK that mixes Playwright code + natural-language act()/extract(). By Browserbase.
• Steel Browser 🆓 🏢 📇 — 7k★ Open-source headless browser API for agents (the OSS Browserbase).

Headless browsers built for AI

• Lightpanda 🆓 — 30k★ Headless browser written in Zig, designed for AI/automation. ~9× faster than Chrome headless.
• Playwright 🆓 🏢 📇 — The dominant low-level driver under most agent frameworks.

GUI / vision agents

• Anthropic Computer Use 🆓 🏢 — 17k★ Reference quickstarts for Claude's computer tool (screen + keyboard + mouse).
• OmniParser — see Screenshot → code above.
• Awesome-GUI-Agent 📚 — Curated papers list for multimodal GUI agents.

---

✨ HTML → LLM pipeline

The unsexy but critical layer: turn messy HTML into clean tokens.

Web → Markdown extractors

• markitdown 🆓 🏢 🐍 🔥 — 123k★ Convert any document (HTML, PDF, docx, xlsx…) to LLM-friendly Markdown. By Microsoft.
• Jina Reader 🆓 🏢 📇 — 11k★ Prefix any URL with https://r.jina.ai/ → LLM-ready Markdown. Self-hostable.
• defuddle 🆓 📇 🆕 — 8k★ Extract main content of any page as Markdown. By Obsidian's Steph Ango.
• trafilatura 🆓 🐍 — 6k★ Battle-tested Python CLI for text+metadata extraction. Best benchmarks in the academic literature.
• Mozilla Readability 🆓 🏢 — 11k★ The original Firefox reader-mode algorithm, ported to a standalone JS lib.

Crawlers built for LLMs

• Firecrawl 🆓 ☁️ 🏢 📇 🔥 — 120k★ "The API to search, scrape, and interact with the web for AI." Y Combinator.
• Crawl4AI 🆓 🐍 🔥 — 66k★ Open-source LLM-friendly crawler & scraper.
• Scrapegraph-ai 🆓 🐍 — 25k★ Build scraping pipelines using natural-language schemas.
• gpt-crawler 🆓 📇 — 22k★ Crawl a site → produce a knowledge file for a custom GPT. By Builder.io.
• deep-research 🆓 — 5k★ Use any LLM for deep web research. SSE + MCP support.

Readability / cleanup

• See Web → Markdown extractors above — same tools, used differently.

---

📄 HTML-as-output movement

"Twenty self-contained .html files an agent produced instead of a wall of markdown. Each one trades a document you'd skim for one you'd actually read." — Thariq Shihipar

The idea: AI agents should output self-contained HTML files (with inline CSS, SVG, interactivity) instead of Markdown when the content is spatial, visual, or interactive. A single .html replaces: code review diffs, architecture diagrams, slide decks, design system docs, implementation plans, and research reports.

🏛 Frontier validation (Apr 2026): Anthropic shipped Claude Design — a first-party product that lets Claude generate prototypes, slides, marketing pages, and design exploration as standalone HTML (also exports to PPTX/Canva/PDF). Powered by Claude Opus 4.7's vision model. The HTML-first thesis went mainstream.

Frontier products

• Claude Design 🆕 🏢 🎖 — Anthropic's design tool. Conversational UI/prototype/deck creation, your design system auto-applied, export to standalone HTML + Canva/PPTX/PDF. Hands off cleanly to Claude Code.
• v0 by Vercel 🏢 — generative UI → React/HTML, the original.
• bolt.new 🏢 — full-stack apps from a prompt, runs in-browser via WebContainers.
• Lovable 🏢 — full-stack apps with one shot, ships HTML/React.

The manifesto & demos

• html-effectiveness 🆕 — ★ 2k+ 20 demo artifacts: exploration, code review, design, prototyping, diagrams, decks, research, reports, custom editors. The blog post that started the movement.
• html-effectiveness-cn 🆕 — Chinese translation of the above.
• HTML-first philosophy — Tony Ennis's manifesto for HTML over JavaScript abstractions.

Agent skills for HTML output

Drop-in skills that teach Claude Code / Cursor / Codex / Hermes when to emit HTML instead of Markdown.

• html-effectiveness-skill 🆕 — 9 HTML output patterns, zero-dep single files. The most complete.
• prefer-html-output-skill 🆕 — Decision logic: when HTML beats Markdown.
• html (julianoczkowski) 🆕 — Markdown walls → single-file HTML artifacts. Works with Claude, Cursor, Codex.
• sfhtml 🆕 🦀 — Single-File HTML AI-Skill CLI — scan, read, edit, validate .html files from terminal.

Classless CSS (agent-friendly)

Just add a <link> tag — no classes needed. Perfect for AI-generated HTML artifacts.

• Pico CSS 🆓 — 13k★ Minimal CSS for semantic HTML. One tag = styled.
• Simple.css 🆓 — 5k★ Classless, instantly styles any semantic HTML.
• Water.css 🆓 — 8k★ Just-add-CSS collection of styles.
• MVP.css 🆓 — 5k★ Minimalist stylesheet for HTML elements.
• new.css 🆓 — 4k★ 4.5kB classless framework.

---

🧩 MCP Servers (web / HTML)

Model Context Protocol servers that hand HTML capabi