AI-Native Web Dev Hub — curated tools for the AI-native web

AI-Native Web Dev HubA curated, human-maintained catalog of resources for web developers: learning platforms, tools, design assets, deployment, and the AI-era stack (agentic coding, MCP, agent skills and frameworks, LLM ops).402 resources. This page normally runs as an interactive app; below is the full catalog for browsers without JavaScript.

Accessibility

Resources

A11y Project — Accessibility resources
WebAIM — Web accessibility

Testing

WAVE — Accessibility evaluation
axe DevTools — Accessibility testing
Lighthouse — Includes a11y audits

Agent Frameworks

Agent SDKs

LangGraph — Library for building stateful multi-actor LLM applications
AutoGen — Framework for creating AI apps by automating complex workflows
CrewAI — Framework for orchestrating role-playing autonomous AI agents
Claude Agent SDK — Build custom agents on Claude Code's harness
Vercel AI SDK — TypeScript toolkit for AI apps and agents
Mastra — TypeScript agent framework with workflows and memory
Pydantic AI — Python agent framework with type-safe outputs
Cloudflare Agents — Build stateful AI agents on Cloudflare Workers

LLM Frameworks

LangChain — Framework for developing context-aware reasoning applications
Haystack — Open-source framework for building custom LLM applications

RAG

LlamaIndex — Framework for integrating LLMs with external data sources

Agent Skills

Docs & Spec

Agent Skills — Anthropic's format for packaging agent expertise

Libraries

Anthropic Skills — Open-source library of agent skills

Agentic Coding

App Builders

v0 by Vercel — AI UI generator from text
Lovable — AI full-stack app builder
Bolt.new — StackBlitz AI app builder
Replit Agent — AI-powered development platform
Claude Artifacts — Create interactive components
Uizard — Design to code with AI
Framer AI — AI website builder

CLI Agents

Claude Code — Anthropic's agentic coding tool for the terminal
OpenAI Codex — OpenAI's cloud and CLI software engineering agent
Gemini CLI — Google's open-source terminal AI agent
Aider — Open-source AI pair programming in your terminal
opencode — Open-source terminal coding agent

Code Assistants

Tabnine — AI code completion
Amazon Q Developer — AWS AI coding assistant (ex-CodeWhisperer)

IDE Agents

Cursor — AI-first code editor
Windsurf — Agentic IDE (formerly Codeium)
GitHub Copilot — AI pair programmer
Antigravity — Experience liftoff with the next-generation IDE

AI Assistant

China

Ernie — Baidu's conversational AI platform
Character AI — Platform for creating and chatting with AI characters
Doubao — ByteDance's AI assistant platform
DeepSeek — DeepSeek's conversational AI platform
HunyuanAI — Tencent's Hunyuan AI platform

France

Mistral Chat — Mistral AI's chat interface

USA

ChatGPT — Conversational AI platform by OpenAI
Gemini — Google's multimodal AI assistant
Copilot — Microsoft's AI-powered assistant
Claude — Anthropic's conversational AI assistant
Meta AI — Meta's AI assistant platform
Grok — xAI's conversational AI platform

AI Development

Best Practices

Microsoft Responsible AI — Trustworthy AI development practices
Google AI Principles — Ethical AI development guidelines
Rules of ML — Best practices for ML engineering
Google Cloud Responsible AI — Safe and accountable AI approach

Bootcamps & Courses

Google ML Crash Course — Fast-paced ML fundamentals with TensorFlow
Deep Learning Specialization — Deep learning fundamentals by Andrew Ng
Grow with Google AI — Google's AI Essentials course

Data Labeling

Label Studio — Open source data labeling tool
CVAT — Computer vision annotation platform
Roboflow Annotate — Fastest way to label CV datasets

Datasets

HuggingFace Datasets — Share and access AI datasets
Kaggle Datasets — Community ML datasets platform

Experiment Tracking

MLflow — Open source ML lifecycle platform
Weights & Biases — ML experiment tracking and visualization
Neptune.ai — Experiment tracker for foundation models
TensorBoard — ML experiment visualization and tooling

Fine-tuning

Hugging Face AutoTrain — No-code tool for training and fine-tuning models
Google Vertex AI — Fine-tune and deploy models on Google Cloud

GPU Cloud

RunPod — GPU cloud for AI/ML development and inference
Lambda Labs — GPU cloud for AI developers and researchers
CoreWeave — High-performance GPU cloud for large-scale AI
Vast.ai — Marketplace for affordable GPU compute rentals

Interactive Platforms

Codecademy AI — Interactive AI/ML coding courses
DataCamp AI — Interactive AI courses with coding
TensorFlow Playground — Visual neural network experimentation tool

Learning Platforms

Kaggle Learn — Hands-on AI/ML micro-courses with notebooks
DeepLearning.AI — AI courses by Andrew Ng and experts
Hugging Face Learn — NLP and LLM practical courses
Google Cloud ML/AI — Cloud-based ML/AI training paths
fast.ai — Practical deep learning for coders
LinkedIn Learning AI — Professional AI courses library
edX AI Courses — University-backed AI programs
Stanford Online AI — Stanford AI professional programs
NVIDIA Deep Learning Institute — GPU-accelerated DL courses and certifications

LLM APIs

OpenAI — APIs for GPT-4o text image and audio models
Anthropic — API access to Claude AI models for enterprise use
Google AI — Build with Google's Gemini models and Gemma
Azure OpenAI Service — Enterprise-grade access to OpenAI models on Azure
Amazon Bedrock — Access foundation models from top AI companies via one API
Cohere — Enterprise AI platform for RAG and tool use
Mistral AI — Open-weight models and optimized APIs for developers
Together AI — Cloud platform for running open-source AI models
Fireworks AI — Serverless platform for fast open model inference

LLM Applications

LlamaIndex — Data framework for LLM applications
LLM Course — Complete roadmap to master large language models
DeepLearning.AI — AI and LLM courses from industry experts
Building Effective Agents — Anthropic's guide to AI agent development

Model Marketplaces

Hugging Face — Community hub for AI models datasets and apps
Replicate — Run open-source AI models with a cloud API

Model Optimization

ONNX — Open standard for ML interoperability
OpenVINO — Optimizes AI inference across hardware

Official Documentation

OpenAI Platform — Official OpenAI API documentation and guides
Anthropic Claude — Claude AI API documentation and best practices
Google Gemini API — Gemini AI model documentation and tutorials
LangChain — Framework for building LLM applications

Pre-trained Models

TensorFlow Hub — Repository of trained ML models for reuse
PyTorch Hub — Explore and extend models from ML research
Model Zoo — Discover open source deep learning code and models

Safety & Alignment

AI Safety Fundamentals — Introduction to AI safety and alignment
80000 Hours AI — AI safety problem profile and resources
Center for AI Safety — Research and advocacy for AI safety

AI-era Conventions

Agent-readable Docs

llms.txt — Standard for LLM-friendly website content
AGENTS.md — Open format for guiding coding agents in a repo

Prompt Engineering

Prompt Engineering Guide — Comprehensive prompt engineering techniques
OpenAI Prompt Guide — Official OpenAI prompting best practices
Learn Prompting — Free prompt engineering course and tutorials
Prompt Engineering (GitHub) — Open-source prompting guide and examples
Anthropic Prompting Guide — Claude prompt engineering documentation

AI/ML Frameworks

Deep Learning

TensorFlow — Open-source framework for building and deploying ML models
PyTorch — Open-source library for deep learning tasks like NLP & CV

ML Libraries

Scikit-learn — Library for traditional ML tasks like classification/regression

NLP

Hugging Face Transformers — Framework for building testing and deploying AI agents

Backend

Go

Go — Google's programming language
Gin — Go web framework

Node.js

Node.js — JavaScript runtime
Express — Web framework for Node
Fastify — Fast web framework
Hono — Ultrafast web framework

PHP

PHP — Server scripting language
Laravel — PHP framework

Python

Python — Programming language
Django — Python web framework
Flask — Micro web framework
FastAPI — Modern API framework

Ruby

Ruby on Rails — Web application framework

Rust

Rust — Systems programming language
Actix — Rust web framework

Cheat Sheets

Git

Git Cheat Sheet — GitHub's Git guide

Multi-topic

QuickRef — Cheat sheets collection
DevHints — TL;DR for documentation
OverAPI — Collecting all cheat sheets

Colors

Color Palettes

Coolors — Color scheme generator
Color Hunt — Curated color palettes
Realtime Colors — Visualize colors on real designs
UI Colors — Tailwind CSS color generator

Gradients

CSS Gradient — Gradient generator
Mesh Gradients — Mesh gradient generator
Hypercolor — Tailwind CSS gradients

Tools

Contrast Checker — WCAG contrast checker
Palettte — Color palette editor
ColorZilla — Color picker browser extension

Communities

Discord

Reactiflux — React community
Hugging Face Discord — AI/ML community and model discussions
EleutherAI — Open source AI research community

Forums

Stack Overflow — Q&A for developers
Dev.to — Developer community
OpenAI Community — OpenAI developer forum
Google AI Forum — Google AI developer discussions
DeepLearning.AI Community — DeepLearning.AI student forum

Reddit

r/webdev — Web development subreddit
r/reactjs — React subreddit
r/MachineLearning — ML research and discussions
r/LocalLLaMA — Local LLM community

Databases

Cloud

PlanetScale — MySQL-compatible serverless database
Neon — Serverless Postgres
Turso — Edge SQLite database

NoSQL

MongoDB — Document database
Redis — In-memory data store
Supabase — Open-source Firebase alternative

ORM

Prisma — Next-generation ORM
Drizzle — TypeScript ORM

SQL

PostgreSQL — Advanced open-source database
MySQL — Popular open-source database
SQLite — Embedded database

Deployment

Hosting

Vercel — Frontend cloud platform
Netlify — Web development platform
Cloudflare Pages — JAMstack platform
Railway — Infrastructure platform
Render — Cloud application platform
Fly.io — Deploy apps globally

MLOps

MLflow — Open-source platform to manage the ML lifecycle

Model Deployment

Hugging Face Inference Endpoints — Deploy trained models for inference without managing infra

Model Serving

BentoML — Python-first tool for shipping ML applications to production
Ray Serve — A scalable framework for building and serving ML models

Serverless

AWS Lambda — Serverless compute
Cloudflare Workers — Edge computing platform
Deno Deploy — Serverless JavaScript

Fonts

Font Pairing

Fontjoy — Font pairing generator
Font Pair — Google Font pairings

Font Resources

Google Fonts — Free web fonts
Font Share — Free fonts by ITF
Bunny Fonts — GDPR-friendly Google Fonts

Tools

Fontello — Icon fonts generator

Variable Fonts

V-Fonts — Variable fonts directory

HTML/CSS

Animations

Animista — CSS animation library
Animate.css — Ready-to-use animations

CSS Games

Flexbox Froggy — Learn Flexbox with game
Grid Garden — Learn CSS Grid with game
CSS Diner — Learn CSS selectors

Frameworks

Tailwind CSS — Utility-first CSS framework
Bootstrap — Popular CSS framework
Bulma — Modern CSS framework

Generators

CSS Grid Generator — Visual grid generator
Fancy Border Radius — Border radius generator
Neumorphism — Soft UI CSS generator
Glassmorphism — Glass effect generator

Learning

HTML Reference — Visual HTML guide
CSS Reference — Visual CSS guide
CSS-Tricks — CSS tips and tricks
Web.dev — Modern web development

Icons

3D Icons

3dicons — Open-source 3D icons

Animated Icons

LordIcon — Animated icon library
IconScout — Animated & static icons

Icon Libraries

Lucide — Beautiful consistent icons
Heroicons — Tailwind CSS icons
Phosphor Icons — Flexible icon family
Iconoir — Open-source icon library
Tabler Icons — 4000+ free icons
Feather Icons — Simply beautiful icons
Font Awesome — Popular icon toolkit
Noun Project — Icons for everything
Flaticon — Largest icon database
Remix Icon — Open-source icon system

IDEs & Code Editors

Desktop Editors

VS Code — Most popular code editor
Cursor — AI-powered VS Code fork
Zed — High-performance editor
WebStorm — JavaScript IDE by JetBrains
Sublime Text — Fast and lightweight editor
Atom — Hackable text editor (community fork)

Online Editors

CodePen — Frontend playground
CodeSandbox — OnlineIDE for web apps
StackBlitz — Instant dev environments
Replit — Collaborative browser IDE
JSFiddle — Test code snippets
PlayCode — JavaScript playground

Images

Illustrations

unDraw — Open-source illustrations
Storyset — Customizable illustrations
Blush — Illustrations for everyone
DrawKit — Hand-drawn illustrations
Humaaans — Mix-and-match illustrations

Image Tools

TinyPNG — Image compression
Remove.bg — Background removal
Squoosh — Image compression tool

Patterns

Hero Patterns — SVG background patterns
Pattern Monster — Customizable SVG patterns

Stock Photos

Unsplash — Free high-quality photos
Pexels — Free stock photos & videos
Pixabay — Free images and videos
Lorem Picsum — Lorem Ipsum... but for photos

JavaScript

Build Tools

Vite — Next generation build tool
Turbopack — Incremental bundler
esbuild — Extremely fast bundler

Frameworks

React — UI library by Meta
Vue.js — Progressive framework
Svelte — Cybernetically enhanced apps
Angular — Full framework by Google
Next.js — React framework
Nuxt — Vue framework
SvelteKit — Svelte framework
Astro — Content-focused framework
Remix — Full-stack React framework

Learning

JavaScript.info — Modern JavaScript tutorial
Eloquent JavaScript — Free JavaScript book
You Don't Know JS — Deep JavaScript series

Libraries

GSAP — Animation library
Three.js — 3D library
Chart.js — Simple charts
D3.js — Data visualization

State Management

Zustand — Lightweight state management
Redux Toolkit — Redux made easier
Jotai — Primitive state management

LLM Ops

Benchmarks

SuperGLUE — A more difficult NLP benchmark for language understanding
LiveBench — LLM benchmark with no contamination
LLM Arena — Platform for comparing and benchmarking large language models

Evals

DeepEval — Open-source LLM evaluation framework with unit-test style
TruLens — Open-source tool for LLM transparency and interpretability
HuggingFace Evaluate — Easily evaluate ML models and datasets
EleutherAI LM Eval Harness — Framework for few-shot evaluation of language models
Braintrust — Evals logging and playground for AI products

Gateways

OpenRouter — Unified API gateway for hundreds of LLMs

Local Inference

Ollama — Run open-source LLMs locally
LM Studio — Desktop app for running local LLMs
vLLM — High-throughput LLM inference and serving engine

Observability

Arize AI — AI observability and monitoring platform
LangSmith — LLM debugging and tracing platform
Langfuse — Open-source LLM engineering platform for tracing and evals

MCP

Directories

Smithery — Directory and hosting for MCP servers
mcp.so — Community directory of MCP servers and clients

SDKs

MCP TypeScript SDK — Official TypeScript SDK for MCP servers and clients
MCP Python SDK — Official Python SDK for MCP servers and clients

Servers

GitHub MCP Server — Official GitHub MCP server for repos issues and PRs
Playwright MCP — Browser automation MCP server by Microsoft

Spec & Registry

Model Context Protocol — Open standard connecting AI agents to tools and data
MCP Registry — Community registry of MCP servers

Mobile Development

Cross-Platform

React Native — Build mobile apps with React
Flutter — Google's UI toolkit
Expo — React Native platform
Ionic — Hybrid mobile framework
Capacitor — Native mobile apps

Design

iOS Design Kit — Apple design resources
Material Design — Android design system

Native Android

Kotlin — Modern Android language
Jetpack Compose — Modern Android UI

Native iOS

Swift — Apple's programming language
SwiftUI — Declarative UI framework

Testing

Appetize — Browser-based mobile testing

Tools

Android Studio — Official Android IDE
Xcode — Official iOS IDE

Newsletters

AI

The Batch — Weekly AI news from DeepLearning.AI
Import AI — AI research and policy by Jack Clark
TLDR AI — Daily AI news in 5 minutes

Web Dev

JavaScript Weekly — JavaScript news
Frontend Focus — Frontend news
CSS Weekly — CSS articles
React Status — React news

Performance

Analytics

Plausible — Privacy-friendly analytics
Umami — Simple analytics

Monitoring

Sentry — Error tracking

Testing

Lighthouse — Performance auditing
PageSpeed Insights — Google's speed test
WebPageTest — Performance testing

Research Papers

Archives

Papers with Code — ML papers with implementation code
ArXiv CS.LG — Machine learning research papers
Hugging Face Papers — Daily trending AI research papers

Security

Authentication

Auth0 — Authentication platform
Clerk — User management
Supabase Auth — Open-source authentication

Headers

Security Headers — Scan security headers

Resources

OWASP — Web security standards

Tools

SSL Labs — SSL/TLS testing

Testing

API Testing

Postman — API platform
Insomnia — API client
Hoppscotch — Open-source API tool

Component Testing

Storybook — UI component explorer
Chromatic — Visual testing for Storybook

E2E Testing

Playwright — Modern E2E testing
Cypress — Frontend testing tool
Puppeteer — Headless Chrome automation

Load Testing

k6 — Load testing tool
Artillery — Modern load testing

Mock Data

Mockaroo — Realistic test data generator
JSON Placeholder — Free fake API
Faker.js — Generate fake data

Unit Testing

Jest — JavaScript testing framework
Vitest — Vite-native testing
Mocha — JavaScript test framework

Visual Testing

Percy — Visual testing platform
Applitools — AI-powered testing
Applitools — AI-powered testing platform

Tools

Package Managers

npm — Node package manager
pnpm — Fast package manager
Yarn — Package manager by Facebook
Bun — All-in-one JavaScript runtime

Terminal

Warp — Modern terminal
Hyper — Electron-based terminal
iTerm2 — macOS terminal replacement

Version Control

GitHub — Code hosting platform
GitLab — DevOps platform
Bitbucket — Git solution by Atlassian

UI Components

Component Libraries

shadcn/ui — Re-usable components
Radix UI — Unstyled components
Headless UI — Unstyled accessible components
DaisyUI — Tailwind CSS components
Chakra UI — Modular component library
Mantine — React components library
Ant Design — Enterprise UI design
Material UI — React Material Design

Templates

Tailwind UI — Official Tailwind templates
Flowbite — Tailwind components

UI/UX Design

Design Systems

Material Design — Google's design system
Apple HIG — Apple design guidelines
Fluent 2 — Microsoft design system

Design Tools

Figma — Collaborative design tool
Penpot — Open-source design platform
Sketch — Mac design tool

Inspiration

Awwwards — Award-winning web design
Dribbble — Design community showcase
Behance — Creative work showcase
Mobbin — Mobile app design patterns
Land-book — Website design gallery
SiteInspire — Web design inspiration
Godly — Curated web design
Lapa Ninja — Landing page inspiration
Saas Landing Page — SaaS design examples

Vector Databases

Vector Search

Pinecone — Fully managed vector database for high-dimensional data
Weaviate — Open-source vector database that stores objects & embeddings
Qdrant — Vector similarity search engine and vector database
Chroma — Open-source embedding database for building LLM applications
Milvus — Open-source vector database for scalable similarity search

Web Development

Documentation

MDN Web Docs — Comprehensive web documentation
DevDocs — API documentation browser
W3Schools — Web development tutorials

Frameworks

Omarchy — Beautiful, Modern & Opinionated Linux by DHH — Beautiful, Modern & Opinionated Linux by DHH

Learning Platforms

freeCodeCamp — Free coding bootcamp with certifications
The Odin Project — Full-stack curriculum
Codecademy — Interactive coding lessons
Scrimba — Interactive coding screencasts
Frontend Mentor — Real-world frontend challenges
Exercism — Code practice and mentorship

Roadmaps

Developer Roadmaps — Career path guides for developers
Omarchy — Beautiful, Modern & Opinionated Linux by DHH — Beautiful, Modern & Opinionated Linux by DHH

YouTube

AI Channels

Intro to Large Language Models - Andrej Karpathy — [1hr Talk] Intro to Large Language Models
Deep Dive into LLMs like ChatGPTUnderstand LLMs - Andrej Karpathy — Deep Dive into LLMs like ChatGPT

Web Development Channels

Web Development Tutorials For Beginners — Web Development Tutorials For Beginners