Skip to content

A curated list of frameworks, libraries, tools, browsers, developer platforms, documentation resources, and learning materials for modern web development.

Notifications You must be signed in to change notification settings

awesomelistsio/awesome-web-development

Repository files navigation

Awesome Web Development Awesome Lists

Ko-Fi   PayPal   Stripe   X   Facebook

A curated list of frameworks, libraries, tools, browsers, developer platforms, documentation resources, and learning materials for modern web development, covering both frontend and backend technologies.

Contents

Official Web Standards & Documentation

  • MDN Web Docs – Authoritative resource for HTML, CSS, JavaScript, and browser APIs.
  • WHATWG HTML Standard – Living HTML standard maintained by browser vendors.
  • W3C – Official web standards body for CSS, accessibility, and web architecture.
  • ECMAScript Language Spec – Specification for JavaScript maintained by TC39.
  • Can I Use – Browser support tables for modern and experimental web technologies.

Frontend Frameworks

  • React – Component-based UI library for building interactive frontends.
  • Vue.js – Progressive framework for building approachable and efficient interfaces.
  • Angular – Full-featured framework for complex enterprise-grade applications.
  • Svelte – Compiler-driven UI framework for highly performant interfaces.
  • SolidJS – Reactive UI library for fine-grained performance.

CSS Frameworks & UI Libraries

  • Tailwind CSS – Utility-first CSS framework for rapidly styling components.
  • Bootstrap – Popular CSS framework for responsive and accessible UI elements.
  • Bulma – Modern CSS framework based on Flexbox.
  • Material UI – React component library implementing Google’s Material Design.
  • Chakra UI – Accessible React component library with themeable components.

JavaScript Libraries & Utilities

  • jQuery – Widely used DOM manipulation and event handling library.
  • Lodash – Utility library offering functional helpers for arrays, objects, and data.
  • Day.js – Lightweight alternative to Moment.js for date/time manipulation.
  • Axios – Promise-based HTTP client for browsers and Node.js.
  • D3.js – Data-driven visualization library for interactive charts and graphics.

Static Site Generators

  • Next.js – React framework with SSR, SSG, and serverless API routes.
  • Gatsby – React-based SSG optimized for performance and content sites.
  • Hugo – High-performance static site generator written in Go.
  • Jekyll – Ruby-based SSG powering GitHub Pages.
  • Astro – Content-focused SSG with zero-JS by default.

Backend Frameworks

  • Node.js – JavaScript runtime for backend, API, and full-stack applications.
  • Express.js – Minimal framework for building REST APIs in Node.js.
  • NestJS – TypeScript backend framework for scalable server-side applications.
  • Ruby on Rails – Full-stack MVC framework for rapid web application development.
  • Django – Python framework with batteries-included philosophy.
  • Laravel – Elegant PHP framework with expressive syntax and rich tooling.

APIs, GraphQL & Server-Side Tools

  • GraphQL – Query language for APIs enabling strongly typed data fetching.
  • Apollo GraphQL – Complete GraphQL platform for servers and clients.
  • tRPC – TypeScript-first framework for creating end-to-end typesafe APIs.
  • Express.js – Minimal API framework widely adopted in the Node.js ecosystem.
  • FastAPI – Python framework for high-performance APIs with automatic OpenAPI docs.

Databases & ORMs

  • PostgreSQL – Robust open-source relational database for modern applications.
  • MySQL – Widely used relational database for websites and applications.
  • MongoDB – NoSQL document database used for flexible data storage.
  • Prisma – TypeScript ORM for relational databases with type-safe queries.
  • Sequelize – Promise-based ORM for Node.js with support for SQL databases.
  • SQLAlchemy – Python ORM for powerful relational data modeling.

Authentication & Authorization

  • Auth0 – Identity platform for authentication, authorization, and SSO.
  • Firebase Auth – Authentication with OAuth, email, and phone login.
  • Clerk – Authentication platform with prebuilt UI components.
  • Passport.js – Authentication middleware for Node.js with hundreds of strategies.
  • Devise – Flexible authentication framework for Ruby on Rails.

Tooling, Bundlers & Build Systems

  • Vite – Fast development server and build system powered by ES modules.
  • Webpack – Widely used module bundler for modern JavaScript applications.
  • Rollup – Bundler optimized for libraries and tree-shaking.
  • Parcel – Zero-config bundler supporting TypeScript, React, and more.
  • ESBuild – Extremely fast bundler and minifier written in Go.

Hosting, Deployment & CI/CD

  • Vercel – Hosting platform optimized for Next.js and modern frontend apps.
  • Netlify – Jamstack hosting with git-based workflows and serverless functions.
  • DigitalOcean App Platform – Managed hosting for full-stack apps.
  • Render – Cloud platform for static sites, APIs, workers, and databases.
  • GitHub Actions – CI/CD automation integrated into GitHub.
  • CircleCI – Cloud CI/CD solution for automating builds and deployments.

Testing & QA

  • Jest – JavaScript testing framework with built-in mocks and assertions.
  • Mocha – Flexible testing framework for Node.js and browser apps.
  • Cypress – End-to-end testing framework for frontend web applications.
  • Playwright – Cross-browser testing for UI automation.
  • RSpec – Testing framework for Ruby and Rails applications.

Web Performance & Optimization

  • Lighthouse – Performance and accessibility auditing tool.
  • WebPageTest – Deep analysis of site performance across browsers and locations.
  • PageSpeed Insights – Performance insights powered by real user metrics.
  • ImageOptim – Image compression tool for reducing asset size.
  • Bundlephobia – Estimates package size and performance impact before installing.

Security

  • OWASP Top Ten – Essential reference list of top web application security risks.
  • Helmet – Middleware for securing Express apps with HTTP headers.
  • Brakeman – Security scanner for Ruby on Rails.
  • Snyk – Dependency and container vulnerability scanning.
  • bcrypt – Secure password hashing for Node.js applications.

Learning Resources

Tutorials

  • freeCodeCamp – Comprehensive, hands-on curriculum for web development.
  • W3Schools – Beginner-friendly tutorials covering core web technologies.
  • MDN Learning Area – Tutorials provided by Mozilla for modern web development.

Guides

Courses

  • The Complete Web Developer Bootcamp – Bestseller covering HTML, CSS, JS, Node, and databases.
  • Modern React with Redux – Comprehensive course for React development.
  • Full-Stack Open – In-depth, free course from the University of Helsinki covering JS, React, Node, GraphQL, and CI/CD.

Related Awesome Lists

Contribute

Contributions are welcome!

License

CC0

About

A curated list of frameworks, libraries, tools, browsers, developer platforms, documentation resources, and learning materials for modern web development.

Topics

Resources

Code of conduct

Contributing

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages