🌐 The most comprehensive, community-driven collection of web development resources on the internet.
Curated with ❤️ for developers at every level — from beginners to senior engineers.
⭐ Star this repo · 🍴 Fork it · 🐛 Report Issue · ✨ Contribute
| # | Category | Resources | Quick Jump |
|---|---|---|---|
| 01 | 📚 Learning | 120+ | Jump → |
| 02 | 🎨 Frontend | 150+ | Jump → |
| 03 | ⚙️ Backend | 130+ | Jump → |
| 04 | 🔗 Fullstack | 80+ | Jump → |
| 05 | 🚀 DevOps | 100+ | Jump → |
| 06 | 🔐 Security | 90+ | Jump → |
| 07 | 🖌️ UI/UX | 120+ | Jump → |
| 08 | 🔌 APIs | 110+ | Jump → |
| 09 | 🗄️ Databases | 100+ | Jump → |
| 10 | 🧪 Testing | 90+ | Jump → |
| 11 | ⚡ Performance | 80+ | Jump → |
| 12 | ☁️ Hosting | 90+ | Jump → |
| 13 | 🤖 AI Tools | 100+ | Jump → |
| 14 | 🌍 Open Source | 80+ | Jump → |
| 15 | 👥 Communities | 60+ | Jump → |
| 16 | 💡 Project Ideas | 100+ | Jump → |
📚 Master the fundamentals and beyond — curated courses, docs, books & interactive platforms
| Resource | Description | Level | Link |
|---|---|---|---|
| 🌐 freeCodeCamp | Full-stack web dev curriculum with certifications | 🟢 Beginner | freecodecamp.org |
| 📖 The Odin Project | Hands-on full-stack curriculum, completely free | 🟢 Beginner | theodinproject.com |
| 🎮 Codecademy | Interactive coding lessons across 14+ languages | 🟢 Beginner | codecademy.com |
| 🧠 Khan Academy | Computer science fundamentals & algorithms | 🟢 Beginner | khanacademy.org |
| 💻 CS50 | Harvard's legendary intro to CS — completely free | 🟢 Beginner | cs50.harvard.edu |
| 🔥 Fireship.io | Fast-paced, modern web dev tutorials | 🟡 Intermediate | fireship.io |
| 📺 Traversy Media | Practical project-based crash courses | 🟢 Beginner | traversymedia.com |
| 🧑💻 FullStackOpen | University of Helsinki deep-dive into modern web dev | 🟡 Intermediate | fullstackopen.com |
| 🌱 web.dev | Google's resource for modern web capabilities | 🟡 Intermediate | web.dev |
| 🎯 Scrimba | Interactive coding screencasts | 🟢 Beginner | scrimba.com |
| 📚 edX | University-level courses from MIT, Harvard & more | 🟡 Intermediate | edx.org |
| 🎓 Coursera | Professional certificates and degree programs | 🟡 Intermediate | coursera.org |
| Resource | Description | Link |
|---|---|---|
| 🟠 MDN Web Docs | The gold standard for HTML, CSS & JavaScript reference | developer.mozilla.org |
| 🔵 W3Schools | Beginner-friendly web technology tutorials | w3schools.com |
| 📗 DevDocs | Unified API documentation for 200+ technologies | devdocs.io |
| 🟡 JavaScript.info | In-depth modern JavaScript tutorial | javascript.info |
| 🔷 TypeScript Docs | Official TypeScript handbook and reference | typescriptlang.org/docs |
| ⚛️ React Docs | Official React documentation (New!) | react.dev |
| 💚 Node.js Docs | Official Node.js API and guides | nodejs.org/docs |
| 🐍 Python Docs | Official Python documentation | docs.python.org |
| Resource | Description | Free? | Link |
|---|---|---|---|
| 📘 You Don't Know JS | Deep dive into JavaScript internals | ✅ Free | github.com/getify/You-Dont-Know-JS |
| 📗 Eloquent JavaScript | Modern JavaScript programming guide | ✅ Free | eloquentjavascript.net |
| 📙 Clean Code | Principles for writing maintainable code | 💰 Paid | amazon.com |
| 📕 The Pragmatic Programmer | Essential reading for every dev | 💰 Paid | pragprog.com |
| 📘 CSS: The Definitive Guide | Comprehensive CSS reference book | 💰 Paid | oreilly.com |
| 📗 Pro Git | Everything about Git version control | ✅ Free | git-scm.com/book |
| 📙 JavaScript Allongé | Functional programming with JS | ✅ Free | leanpub.com |
| 📕 Designing Data-Intensive Applications | Distributed systems bible | 💰 Paid | dataintensive.net |
| Resource | Description | Focus | Link |
|---|---|---|---|
| ⚔️ LeetCode | Algorithm & data structure challenges | Algorithms | leetcode.com |
| 🏋️ HackerRank | Skill-based coding challenges | Multiple | hackerrank.com |
| 🔥 Codewars | Community kata-based challenges | Algorithms | codewars.com |
| 🎮 CodinGame | Learn by playing games | Multiple | codingame.com |
| 🧩 Exercism | Mentored coding exercises in 50+ languages | Multiple | exercism.org |
| 🌐 Frontend Mentor | Real-world HTML/CSS/JS challenges | Frontend | frontendmentor.io |
| 🎲 CSS Diner | Learn CSS selectors through a game | CSS | flukeout.github.io |
| 🌸 Flexbox Froggy | Learn Flexbox interactively | CSS | flexboxfroggy.com |
| 🎮 Grid Garden | Learn CSS Grid through a game | CSS | cssgridgarden.com |
| 🗺️ roadmap.sh | Interactive developer roadmaps | Career | roadmap.sh |
| Channel | Focus | Subscribers | Link |
|---|---|---|---|
| 🎥 Traversy Media | Full-stack tutorials | 2M+ | YouTube |
| 🔥 Fireship | Quick, high-quality dev content | 3M+ | YouTube |
| 🧑💻 The Net Ninja | Frameworks & JavaScript | 1M+ | YouTube |
| 📺 Kevin Powell | CSS mastery | 900K+ | YouTube |
| 🚀 Jack Herrington | React & TypeScript deep-dives | 400K+ | YouTube |
| 🌐 Web Dev Simplified | Clean, concise web tutorials | 1.3M+ | YouTube |
| 🎓 CS Dojo | CS fundamentals & coding interviews | 1.8M+ | YouTube |
| ⚡ Theo - t3.gg | Modern web & TypeScript | 500K+ | YouTube |
| 🏗️ Syntax | Full-stack web dev podcast | 300K+ | YouTube |
🎨 Everything you need to build stunning, performant user interfaces
| Resource | Type | Stars | Link |
|---|---|---|---|
| ⚛️ React | UI Library |  |
react.dev |
| 💚 Vue.js | Progressive Framework |  |
vuejs.org |
| 🔺 Angular | Full Framework |  |
angular.io |
| 🟠 Svelte | Compiler-based Framework |  |
svelte.dev |
| 🔷 SolidJS | Reactive UI Library |  |
solidjs.com |
| 🌊 Qwik | Resumable Framework |  |
qwik.builder.io |
| 🌟 Lit | Web Components Library |  |
lit.dev |
| 🎪 Alpine.js | Lightweight JS Framework |  |
alpinejs.dev |
| ⚡ Preact | Fast React Alternative (3KB) |  |
preactjs.com |
| 🎋 Ember.js | Opinionated Framework |  |
emberjs.com |
| Resource | Based On | Type | Link |
|---|---|---|---|
| ▲ Next.js | React | SSR/SSG/ISR | nextjs.org |
| 🔴 Remix | React | Full-stack | remix.run |
| 🟠 Nuxt | Vue | SSR/SSG | nuxt.com |
| 🔺 SvelteKit | Svelte | Full-stack | kit.svelte.dev |
| 🚀 Astro | Any | Islands Architecture | astro.build |
| 🔷 Gatsby | React | SSG | gatsbyjs.com |
| ⚡ Vite | Any | Build Tool | vitejs.dev |
| 🌐 Analog | Angular | Full-stack | analogjs.org |
| Resource | Approach | Bundle Size | Link |
|---|---|---|---|
| 💨 Tailwind CSS | Utility-first | Variable | tailwindcss.com |
| Component-based | ~22KB | getbootstrap.com | |
| 🌊 Bulma | Flexbox-based | ~23KB | bulma.io |
| 🎭 DaisyUI | Tailwind Components | Variable | daisyui.com |
| 🌑 Open Props | CSS Custom Properties | ~4KB | open-props.style |
| 🔷 Pico CSS | Semantic HTML Styling | ~10KB | picocss.com |
| 🎨 MVP.css | No-class Styling | ~6KB | andybrewer.github.io/mvp |
| 💄 Materialize | Material Design | ~38KB | materializecss.com |
| 🌈 UIkit | Modular Framework | ~35KB | getuikit.com |
| 🏔️ Foundation | Enterprise Framework | ~30KB | get.foundation |
| Resource | Framework | Link |
|---|---|---|
| 🎨 shadcn/ui | React + Tailwind | ui.shadcn.com |
| 🔵 MUI (Material UI) | React | mui.com |
| 🎪 Chakra UI | React | chakra-ui.com |
| 🌸 Mantine | React | mantine.dev |
| 🔺 Ant Design | React | ant.design |
| 💙 Radix UI | React (Headless) | radix-ui.com |
| 🎭 Headless UI | React/Vue (Headless) | headlessui.com |
| 🌊 Vuetify | Vue | vuetifyjs.com |
| 🔥 PrimeVue | Vue | primevue.org |
| 🍃 Flowbite | Tailwind CSS | flowbite.com |
| ⚡ Naïve UI | Vue 3 | naiveui.com |
| 💚 Quasar | Vue | quasar.dev |
| Resource | Type | Link |
|---|---|---|
| ⚡ Vite | Dev Server + Bundler | vitejs.dev |
| 📦 Webpack | Module Bundler | webpack.js.org |
| 🏎️ esbuild | Extremely Fast Bundler | esbuild.github.io |
| 🍣 Rollup | ES Module Bundler | rollupjs.org |
| 🔧 Parcel | Zero-config Bundler | parceljs.org |
| 🦕 Turbopack | Rust-based Bundler | turbo.build |
| 🔨 Babel | JavaScript Transpiler | babeljs.io |
| 🧹 ESLint | JavaScript Linter | eslint.org |
| 💅 Prettier | Code Formatter | prettier.io |
| Resource | Description | Link |
|---|---|---|
| 🌀 GSAP | Professional animation platform | gsap.com |
| 🎭 Framer Motion | React animation library | framer.com/motion |
| ✨ Three.js | 3D graphics in the browser | threejs.org |
| 🎪 Anime.js | Lightweight animation library | animejs.com |
| 🌊 Lottie | After Effects animations for web | lottiefiles.com |
| 💫 Motion One | Web Animations API wrapper | motion.dev |
| 🎨 Popmotion | Functional animation library | popmotion.io |
| 🔮 Rive | Interactive animation tool | rive.app |
| 🎠 AOS | Animate on scroll library | michalsnik.github.io/aos |
| 🌟 ScrollReveal | Easy scroll animations | scrollrevealjs.org |
⚙️ Server-side technologies, frameworks, and everything that powers the web behind the scenes
| Resource | Type | Link |
|---|---|---|
| 🚂 Express.js | Minimalist Web Framework | expressjs.com |
| 🦅 Fastify | Fast & Low Overhead Framework | fastify.io |
| 🐦 NestJS | Enterprise Node.js Framework | nestjs.com |
| 🌳 Koa | Next-gen Express | koajs.com |
| ⚡ Hono | Ultrafast Edge Framework | hono.dev |
| 🐘 AdonisJS | Full-featured MVC Framework | adonisjs.com |
| 🔷 tRPC | End-to-end typesafe APIs | trpc.io |
| 🦕 Deno | Secure JavaScript/TypeScript Runtime | deno.land |
| 🍞 Bun | All-in-one JavaScript Runtime | bun.sh |
| Resource | Type | Link |
|---|---|---|
| ⚡ FastAPI | Modern, Fast API Framework | fastapi.tiangolo.com |
| 🎸 Django | Batteries-included Framework | djangoproject.com |
| 🍶 Flask | Micro Web Framework | flask.palletsprojects.com |
| 🦄 Starlette | Async ASGI Framework | starlette.io |
| 🌐 Tornado | Web Framework & Async Library | tornadoweb.org |
| Resource | Language | Type | Link |
|---|---|---|---|
| 🔴 Ruby on Rails | Ruby | Full-stack | rubyonrails.org |
| 🐘 Laravel | PHP | Full-stack | laravel.com |
| 🍀 Spring Boot | Java | Enterprise | spring.io |
| 🦫 Gin | Go | Web Framework | gin-gonic.com |
| 🔵 Echo | Go | Web Framework | echo.labstack.com |
| 🦀 Actix | Rust | Web Framework | actix.rs |
| 🔷 ASP.NET Core | C# | Full Framework | dotnet.microsoft.com |
| 🐬 Ktor | Kotlin | Async Framework | ktor.io |
| 🧊 Crystal | Crystal | Full-stack | luckyframework.org |
| Resource | Platform | Link |
|---|---|---|
| 🔑 Passport.js | Node.js | passportjs.org |
| 🔒 Auth.js (NextAuth) | Next.js | authjs.dev |
| 🛡️ Clerk | SaaS Auth | clerk.com |
| 🔐 Auth0 | SaaS Auth | auth0.com |
| 🔥 Firebase Auth | firebase.google.com | |
| 🐘 Supabase Auth | Open Source | supabase.com/docs/auth |
| 🪪 Keycloak | Self-hosted | keycloak.org |
| 🔓 Lucia | Framework-agnostic | lucia-auth.com |
🔗 End-to-end solutions, starter kits, and full-stack frameworks
| Resource | Stack | Link |
|---|---|---|
| ▲ Next.js | React + Node.js | nextjs.org |
| 🔴 Remix | React + Node.js | remix.run |
| 🚀 SvelteKit | Svelte + Node.js | kit.svelte.dev |
| 🟠 Nuxt | Vue + Node.js | nuxt.com |
| 🐦 NestJS + Angular | Angular + NestJS | nestjs.com |
| 🔥 Blitz.js | React + Prisma | blitzjs.com |
| 🌊 Redwood.js | React + GraphQL | redwoodjs.com |
| ⚡ Analog | Angular + Vite | analogjs.org |
| Stack | Technologies | Description |
|---|---|---|
| 🔺 T3 Stack | Next.js + TypeScript + tRPC + Prisma + Tailwind | Type-safe full-stack |
| 🍕 MEAN | MongoDB + Express + Angular + Node.js | Classic full-stack |
| ⚛️ MERN | MongoDB + Express + React + Node.js | Most popular stack |
| 🌊 MEVN | MongoDB + Express + Vue + Node.js | Vue-based stack |
| 🐘 LAMP | Linux + Apache + MySQL + PHP | Traditional stack |
| 🚀 JAMstack | JavaScript + APIs + Markup | Modern static |
| ⚡ PERN | PostgreSQL + Express + React + Node.js | SQL-based stack |
| 🎯 BETH | Bun + Elysia + Turso + HTMX | Ultra-modern stack |
| Resource | Language | Database | Link |
|---|---|---|---|
| 🔷 Prisma | TypeScript | Multi-DB | prisma.io |
| 🐢 Drizzle ORM | TypeScript | SQL | orm.drizzle.team |
| 🌀 TypeORM | TypeScript | Multi-DB | typeorm.io |
| 🔶 Sequelize | Node.js | SQL | sequelize.org |
| 🐍 SQLAlchemy | Python | Multi-DB | sqlalchemy.org |
| 🔴 ActiveRecord | Ruby | Multi-DB | guides.rubyonrails.org |
| 🔵 Mongoose | Node.js | MongoDB | mongoosejs.com |
| 🧪 Kysely | TypeScript | SQL | kysely.dev |
| Resource | Features | Pricing | Link |
|---|---|---|---|
| 🔥 Firebase | DB, Auth, Hosting | Freemium | firebase.google.com |
| 🐘 Supabase | Postgres, Auth, Storage | Freemium | supabase.com |
| 🔷 Appwrite | Self-hosted BaaS | Open Source | appwrite.io |
| 🌊 Pocketbase | Lightweight BaaS | Open Source | pocketbase.io |
| 🎯 Nhost | GraphQL + Postgres | Freemium | nhost.io |
| ☁️ AWS Amplify | AWS-powered BaaS | Pay-as-go | aws.amazon.com/amplify |
| 🔐 Parse Platform | Self-hosted BaaS | Open Source | parseplatform.org |
🚀 Automate, deploy, monitor and scale your applications
| Resource | Type | Link |
|---|---|---|
| 🐳 Docker | Container Platform | docker.com |
| ☸️ Kubernetes | Container Orchestration | kubernetes.io |
| 🦆 Docker Compose | Multi-container Apps | docs.docker.com/compose |
| 🐋 Podman | Daemonless Containers | podman.io |
| 🌊 Rancher | Kubernetes Management | rancher.com |
| 🔷 Helm | Kubernetes Package Manager | helm.sh |
| Resource | Type | Link |
|---|---|---|
| 🐙 GitHub Actions | Native GitHub CI/CD | github.com/features/actions |
| 🔵 GitLab CI | Native GitLab CI/CD | docs.gitlab.com/ee/ci |
| 🔴 Jenkins | Self-hosted CI/CD | jenkins.io |
| 🔶 CircleCI | Cloud CI/CD | circleci.com |
| 🟢 TravisCI | Cloud CI/CD | travis-ci.com |
| 🌊 Drone CI | Container-first CI/CD | drone.io |
| 🔷 Buildkite | Hybrid CI/CD | buildkite.com |
| ⚡ Vercel CI | Frontend CI/CD | vercel.com |
| Resource | Type | Link |
|---|---|---|
| 🔥 Grafana | Metrics & Visualization | grafana.com |
| 🟠 Prometheus | Metrics & Alerting | prometheus.io |
| 🐛 Sentry | Error Tracking | sentry.io |
| 📊 Datadog | Full-stack Monitoring | datadoghq.com |
| 🔵 New Relic | Application Performance | newrelic.com |
| 🌊 OpenTelemetry | Observability Framework | opentelemetry.io |
| 🔍 Elastic Stack (ELK) | Log Management | elastic.co |
| 🕵️ Jaeger | Distributed Tracing | jaegertracing.io |
| Resource | Type | Link |
|---|---|---|
| 🌿 Terraform | Multi-cloud IaC | terraform.io |
| 🔶 Ansible | Configuration Management | ansible.com |
| ☁️ Pulumi | IaC with Real Languages | pulumi.com |
| 🔵 AWS CDK | AWS IaC with TypeScript | aws.amazon.com/cdk |
| 🍳 Chef | Infrastructure Automation | chef.io |
| 🐶 Puppet | Configuration Automation | puppet.com |
| 🏗️ CloudFormation | AWS Infrastructure | aws.amazon.com/cloudformation |
🔐 Keep your applications and users safe
| Resource | Type | Link |
|---|---|---|
| 🕷️ OWASP | Web Security Standards | owasp.org |
| 🎓 PortSwigger Web Academy | Free Web Security Training | portswigger.net/web-security |
| 🏴 HackTheBox | Hands-on Security Labs | hackthebox.com |
| 🔐 TryHackMe | Guided Security Learning | tryhackme.com |
| 💀 DVWA | Vulnerable Web App for Testing | github.com/digininja/DVWA |
| 🌐 CTFtime | Capture The Flag Events | ctftime.org |
| 📕 Security Headers | HTTP Security Headers | securityheaders.com |
| Resource | Purpose | Link |
|---|---|---|
| 🕷️ Burp Suite | Web App Security Testing | portswigger.net/burp |
| 🔍 OWASP ZAP | Web App Scanner | zaproxy.org |
| 🛡️ Snyk | Dependency Vulnerability Scanner | snyk.io |
| 🔐 HashiCorp Vault | Secrets Management | vaultproject.io |
| 🔏 Let's Encrypt | Free SSL Certificates | letsencrypt.org |
| 📊 SonarQube | Code Quality & Security | sonarqube.org |
| 🧪 Nmap | Network Scanner | nmap.org |
| 🔐 1Password Secrets | Developer Secrets Manager | 1password.com/developers |
| 🛡️ Cloudflare WAF | Web Application Firewall | cloudflare.com |
| Resource | Description | Link |
|---|---|---|
| 🎫 JWT.io | JSON Web Token debugger | jwt.io |
| 🔐 OAuth 2.0 | Authorization Framework | oauth.net |
| 🪪 OpenID Connect | Identity Layer on OAuth | openid.net |
| 🔑 FIDO2/WebAuthn | Passwordless Standard | fidoalliance.org |
| 🛡️ CORS | Cross-Origin Resource Sharing | developer.mozilla.org/CORS |
| 🔒 CSP | Content Security Policy | developer.mozilla.org/CSP |
🖌️ Design systems, tools, assets and inspiration
| Resource | Type | Pricing | Link |
|---|---|---|---|
| 🎨 Figma | UI Design & Prototyping | Freemium | figma.com |
| 🎭 Adobe XD | UI/UX Design | Paid | adobe.com/xd |
| 🖥️ Sketch | macOS Design Tool | Paid | sketch.com |
| 🎪 InVision | Prototyping Tool | Freemium | invisionapp.com |
| 🖌️ Penpot | Open Source Design | Free | penpot.app |
| 🎬 Framer | Interactive Prototyping | Freemium | framer.com |
| 🌊 Whimsical | Wireframes & Diagrams | Freemium | whimsical.com |
| 🔷 Zeplin | Design Handoff | Freemium | zeplin.io |
| Resource | Description | Link |
|---|---|---|
| 🎨 Coolors | Color Palette Generator | coolors.co |
| 🌈 Adobe Color | Professional Color Wheel | color.adobe.com |
| 🎭 Colormind | AI Color Palette Generator | colormind.io |
| 🌸 Tailwind Colors | Tailwind Palette Reference | tailwindcss.com/docs/customizing-colors |
| 🎨 Happy Hues | Color Palette Inspiration | happyhues.co |
| 🖌️ Paletton | Color Scheme Designer | paletton.com |
| 🔮 UI Colors | Tailwind-style Color System | uicolors.app |
| 🌊 Realtime Colors | Preview Colors on Real UI | realtimecolors.com |
| Resource | Description | Link |
|---|---|---|
| 🔤 Google Fonts | 1400+ Free Web Fonts | fonts.google.com |
| Premium Font Library | fonts.adobe.com | |
| 📐 Type Scale | Typography Scale Generator | typescale.com |
| 🔤 Fontpair | Font Pairing Suggestions | fontpair.co |
| 🖊️ Fonts In Use | Real-world Typography Examples | fontsinuse.com |
| 📏 Modular Scale | Harmonious Typography Scale | modularscale.com |
| Resource | Type | Free? | Link |
|---|---|---|---|
| 🎨 Heroicons | SVG Icons | ✅ Free | heroicons.com |
| 🔷 Lucide | Beautiful SVG Icons | ✅ Free | lucide.dev |
| 🌟 Font Awesome | Icon Library | Freemium | fontawesome.com |
| 🎭 Phosphor Icons | Flexible Icon Family | ✅ Free | phosphoricons.com |
| 🌊 Tabler Icons | 5000+ SVG Icons | ✅ Free | tabler-icons.io |
| 🎪 Iconify | Unified Icon Framework | ✅ Free | iconify.design |
| 🖼️ unDraw | Open Source Illustrations | ✅ Free | undraw.co |
| 🌸 Storyset | Customizable Illustrations | ✅ Free | storyset.com |
| 🎨 Blush Design | Mix & Match Illustrations | Freemium | blush.design |
| 🎭 Lordicon | Animated Icons | Freemium | lordicon.com |
| Resource | Type | Link |
|---|---|---|
| 📸 Unsplash | Free Stock Photos | unsplash.com |
| 🎬 Pexels | Free Photos & Videos | pexels.com |
| 🖼️ Pixabay | Free Media Library | pixabay.com |
| 🎨 Freepik | Vectors & Illustrations | freepik.com |
| 📷 StockSnap | Free Stock Photos | stocksnap.io |
| 🎭 Burst by Shopify | Commerce Stock Photos | burst.shopify.com |
| Resource | Description | Link |
|---|---|---|
| 🌊 CSS Gradient | Gradient Generator | cssgradient.io |
| 🔮 Glassmorphism | Glassmorphism Generator | glassmorphism.com |
| 🌸 Neumorphism | Soft UI Generator | neumorphism.io |
| 🎨 CSS Clip Path Maker | Visual Clip Path Tool | bennettfeely.com/clippy |
| 🔷 Box Shadow | Shadow Generator | box-shadow.dev |
| 🌊 CSS Grid Generator | Visual Grid Builder | cssgrid-generator.netlify.app |
| 🎭 Animista | CSS Animation Library | animista.net |
| 🎪 Haikei | SVG Background Generator | haikei.app |
🔌 APIs, tools, documentation standards and best practices
| Resource | Type | Link |
|---|---|---|
| 🟠 Postman | API Development Platform | postman.com |
| 🔵 Insomnia | Open Source API Client | insomnia.rest |
| ⚡ Bruno | Fast API Client (Local-first) | usebruno.com |
| 🎯 HTTPie | Terminal API Client | httpie.io |
| 🔷 Thunder Client | VS Code API Extension | thunderclient.com |
| 🌊 Hoppscotch | Open Source API Tool | hoppscotch.io |
| 📖 Swagger | API Design & Documentation | swagger.io |
| Category | API | Free Tier | Link |
|---|---|---|---|
| 🤖 AI | OpenAI API | Limited | platform.openai.com |
| 🗺️ Maps | Google Maps API | $200/mo | developers.google.com/maps |
| 💳 Payments | Stripe API | Free sandbox | stripe.com/docs |
| SendGrid API | 100/day | sendgrid.com | |
| 🌤️ Weather | OpenWeatherMap | 1000/day | openweathermap.org/api |
| 📰 News | NewsAPI | 100/day | newsapi.org |
| 💬 SMS | Twilio API | Trial credits | twilio.com |
| 🔐 Auth | Auth0 | 7500 users | auth0.com |
| 🐙 GitHub | GitHub API | Unlimited | docs.github.com/rest |
| 🎵 Music | Spotify API | Free | developer.spotify.com |
| Resource | Description | Link |
|---|---|---|
| 🔵 REST | Representational State Transfer | restfulapi.net |
| 🟣 GraphQL | Query Language for APIs | graphql.org |
| 🟡 gRPC | High-performance RPC Framework | grpc.io |
| 🌊 WebSockets | Full-duplex Communication | websocket.org |
| 📡 SSE | Server-Sent Events | developer.mozilla.org/SSE |
| 🔷 tRPC | TypeScript RPC Framework | trpc.io |
| 📖 OpenAPI | API Specification Standard | openapis.org |
🗄️ Every type of database and data management tool you'll ever need
| Resource | Type | Cloud | Link |
|---|---|---|---|
| 🐘 PostgreSQL | Open Source RDBMS | Neon, Supabase | postgresql.org |
| 🐬 MySQL | Popular RDBMS | PlanetScale | mysql.com |
| 🔵 SQLite | Embedded Database | Turso | sqlite.org |
| 🔴 MariaDB | MySQL Fork | Managed | mariadb.org |
| 🔷 Microsoft SQL Server | Enterprise RDBMS | Azure SQL | microsoft.com/sql-server |
| 🌊 CockroachDB | Distributed SQL | Serverless | cockroachlabs.com |
| 🎯 PlanetScale | MySQL-compatible Serverless | Cloud | planetscale.com |
| 🚀 Neon | Serverless Postgres | Cloud | neon.tech |
| Resource | Type | Link |
|---|---|---|
| 🍃 MongoDB | Document Database | mongodb.com |
| 🔥 Firebase Firestore | Real-time Document DB | firebase.google.com/firestore |
| 🔴 Redis | In-Memory Data Store | redis.io |
| 🧊 Cassandra | Wide-Column Database | cassandra.apache.org |
| 🔷 DynamoDB | AWS NoSQL | aws.amazon.com/dynamodb |
| 🌊 Couchbase | NoSQL Platform | couchbase.com |
| 🌿 FaunaDB | Distributed Document DB | fauna.com |
| 🎯 Upstash | Serverless Redis/Kafka | upstash.com |
| Resource | Type | Link |
|---|---|---|
| 🔍 Elasticsearch | Search & Analytics | elastic.co |
| 🦔 Meilisearch | Fast Open Source Search | meilisearch.com |
| 🔵 Algolia | Search as a Service | algolia.com |
| 🌊 Typesense | Open Source Search Engine | typesense.org |
| 🔶 Solr | Enterprise Search Platform | solr.apache.org |
| Resource | Databases Supported | Link |
|---|---|---|
| 🐘 pgAdmin | PostgreSQL | pgadmin.org |
| 🔵 TablePlus | Multi-database | tableplus.com |
| 🌊 DBeaver | Universal DB Tool | dbeaver.io |
| 🍃 MongoDB Compass | MongoDB | mongodb.com/compass |
| 🔴 RedisInsight | Redis | redis.com/redis-enterprise/redis-insight |
| 🏔️ Beekeeper Studio | Open Source DB GUI | beekeeperstudio.io |
🧪 Quality is not an accident — tools to ensure your code works
| Resource | Language | Type | Link |
|---|---|---|---|
| 🃏 Jest | JavaScript | Unit/Integration | jestjs.io |
| ⚡ Vitest | TypeScript | Unit/Integration | vitest.dev |
| 🔷 Mocha | JavaScript | Unit | mochajs.org |
| 🐦 Jasmine | JavaScript | BDD | jasmine.github.io |
| 🐍 pytest | Python | All Types | pytest.org |
| 🔴 RSpec | Ruby | BDD | rspec.info |
| ☕ JUnit | Java | Unit | junit.org |
| Resource | Language | Link |
|---|---|---|
| 🎭 Playwright | JS/TS/Python/Java | playwright.dev |
| 🌲 Cypress | JavaScript | cypress.io |
| 🤖 Selenium | Multi-language | selenium.dev |
| 🎯 Puppeteer | JavaScript | pptr.dev |
| 🌊 TestCafe | JavaScript | testcafe.io |
| 🔵 WebdriverIO | JavaScript | webdriver.io |
| Resource | Type | Link |
|---|---|---|
| 🔵 Testing Library | React/DOM Testing | testing-library.com |
| 🎨 Storybook | Component Testing & Docs | storybook.js.org |
| 🌊 Supertest | HTTP Assertion Testing | github.com/ladjs/supertest |
| 🎯 Pactum | API Testing | pactumjs.github.io |
| 🔷 MSW | Mock Service Worker | mswjs.io |
| 🧪 k6 | Load Testing | k6.io |
⚡ Make it fast. Then make it faster.
| Resource | Type | Link |
|---|---|---|
| 🔥 Lighthouse | Automated Auditing | developer.chrome.com/lighthouse |
| 🌐 WebPageTest | Performance Testing | webpagetest.org |
| ⚡ GTmetrix | Website Speed Test | gtmetrix.com |
| 📊 PageSpeed Insights | Google Speed Analysis | pagespeed.web.dev |
| 🔵 Chrome DevTools | Browser Performance | developer.chrome.com/devtools |
| 🎯 Core Web Vitals | Google Performance Metrics | web.dev/vitals |
| 🌊 Calibre | Continuous Performance | calibreapp.com |
| Technique | Description | Resource |
|---|---|---|
| 🖼️ Image Optimization | WebP, AVIF, lazy loading | squoosh.app |
| 📦 Code Splitting | Dynamic imports & lazy loading | webpack.js.org/guides/code-splitting |
| 🔄 Caching Strategy | Service workers & CDN | web.dev/service-workers-cache-storage |
| 🗜️ Compression | Gzip & Brotli | web.dev/content-encoding |
| 🔤 Font Loading | Font-display strategies | web.dev/font-best-practices |
| ⚡ Critical CSS | Above-the-fold CSS inlining | web.dev/extract-critical-css |
| 🌐 CDN Usage | Geographically distributed assets | cloudflare.com |
| Resource | Purpose | Link |
|---|---|---|
| 🖼️ Squoosh | Image Compression | squoosh.app |
| 📦 Bundlephobia | npm Package Size Checker | bundlephobia.com |
| 🔷 webpack-bundle-analyzer | Bundle Size Visualization | github.com/webpack-contrib/webpack-bundle-analyzer |
| ⚡ Rollup Bundle Visualizer | Bundle Analysis | github.com/btd/rollup-plugin-visualizer |
| 🖼️ Cloudinary | Image & Video CDN | cloudinary.com |
| 🌊 imgix | Real-time Image Processing | imgix.com |
☁️ Deploy your projects to the world
| Platform | Free Tier | Best For | Link |
|---|---|---|---|
| ▲ Vercel | Generous | Next.js, React | vercel.com |
| 🔷 Netlify | 100GB bandwidth | Static & JAMstack | netlify.com |
| 🔥 Firebase Hosting | 10GB storage | SPAs & Static | firebase.google.com/hosting |
| 🌊 Cloudflare Pages | Unlimited bandwidth | Static & Edge | pages.cloudflare.com |
| 🐙 GitHub Pages | Unlimited | Open Source Projects | pages.github.com |
| 🔵 Surge.sh | Custom domains | Quick Deploy | surge.sh |
| 🌐 Render Static | 100GB bandwidth | Static Sites | render.com |
| Platform | Free Tier | Best For | Link |
|---|---|---|---|
| 🟣 Railway | $5 credits | Full-stack apps | railway.app |
| 🔵 Render | 750 hours | Node.js, Python | render.com |
| 🔴 Heroku | Paid only | PaaS | heroku.com |
| 🌊 Fly.io | 3 shared VMs | Containers | fly.io |
| 🎯 Cyclic | Always free | Node.js | cyclic.sh |
| 🐳 DigitalOcean App Platform | Limited | Containers | digitalocean.com |
| 🔶 Koyeb | Limited | Containers | koyeb.com |
| Provider | Strengths | Free Tier | Link |
|---|---|---|---|
| 🟠 AWS | Most comprehensive | 12 months | aws.amazon.com |
| 🔵 Google Cloud | ML & Data tools | $300 credits | cloud.google.com |
| 🔷 Microsoft Azure | Enterprise, .NET | $200 credits | azure.microsoft.com |
| 🌊 DigitalOcean | Developer-friendly | $200 credits | digitalocean.com |
| 🟣 Linode (Akamai) | Simple, reliable | $100 credits | linode.com |
| 🔮 Vultr | High performance | $250 credits | vultr.com |
| 🔴 Hetzner | Best price/performance | Free tier | hetzner.com |
| Resource | Database | Free Tier | Link |
|---|---|---|---|
| 🐘 Neon | PostgreSQL | 500MB | neon.tech |
| 🐘 Supabase | PostgreSQL | 500MB | supabase.com |
| 🌊 PlanetScale | MySQL | 5GB | planetscale.com |
| 🍃 MongoDB Atlas | MongoDB | 512MB | mongodb.com/atlas |
| 🔴 Upstash | Redis | 10K cmds/day | upstash.com |
| 🔷 Turso | SQLite/LibSQL | 9GB | turso.tech |
| 🔵 Aiven | Multi-database | Trial | aiven.io |
🤖 Supercharge your development workflow with AI
| Tool | Integration | Link |
|---|---|---|
| 🤖 GitHub Copilot | VS Code, JetBrains | github.com/features/copilot |
| 🔵 Cursor | Standalone IDE | cursor.sh |
| 🌊 Codeium | Multi-editor | codeium.com |
| 🔷 Tabnine | Multi-editor | tabnine.com |
| ⚡ Amazon CodeWhisperer | AWS IDEs | aws.amazon.com/codewhisperer |
| 🎯 Replit Ghostwriter | Replit IDE | replit.com |
| 🧠 Sourcegraph Cody | Multi-editor | sourcegraph.com/cody |
| 🌟 Windsurf | Standalone IDE | codeium.com/windsurf |
| 🔴 Claude (Anthropic) | API + Claude.ai | claude.ai |
| Resource | Models | Link |
|---|---|---|
| 🟢 OpenAI API | GPT-4, DALL-E, Whisper | platform.openai.com |
| 🔴 Anthropic Claude | Claude Opus/Sonnet/Haiku | anthropic.com/api |
| 🟣 Google Gemini | Gemini Pro/Flash | ai.google.dev |
| 🔵 Mistral AI | Mistral/Mixtral | mistral.ai |
| 🌊 Groq | Ultra-fast Inference | groq.com |
| 🟡 Together AI | Open Source Models | together.ai |
| 🔶 Replicate | Run ML Models | replicate.com |
| 🌸 Hugging Face | Model Hub | huggingface.co |
| Resource | Description | Link |
|---|---|---|
| 🦜 LangChain | LLM Application Framework | langchain.com |
| 🌊 LlamaIndex | Data Framework for LLMs | llamaindex.ai |
| 🔷 Vercel AI SDK | React AI Utilities | sdk.vercel.ai |
| 🎯 Instructor | Structured LLM Outputs | python.useinstructor.com |
| 🤖 AutoGPT | Autonomous AI Agents | github.com/Significant-Gravitas/AutoGPT |
| 🌐 CrewAI | Multi-agent Framework | crewai.com |
| ⚡ Ollama | Run LLMs Locally | ollama.ai |
| Resource | Type | Link |
|---|---|---|
| 🎨 Midjourney | AI Image Generation | midjourney.com |
| 🔵 DALL-E 3 | OpenAI Image Gen | openai.com/dall-e-3 |
| 🌊 Stable Diffusion | Open Source Image AI | stability.ai |
| 🎭 Adobe Firefly | Creative AI Tools | adobe.com/firefly |
| 📝 Notion AI | Writing Assistant | notion.so/ai |
| 🔥 v0 by Vercel | AI UI Generation | v0.dev |
| 🎪 Galileo AI | UI Design from Text | usegalileo.ai |
🌍 Contribute to the community, discover amazing projects
| Resource | Description | Link |
|---|---|---|
| 🐙 GitHub Trending | Daily trending repositories | github.com/trending |
| 🌟 GitHub Stars | Your starred repos | github.com/stars |
| 🗺️ Open Source Guide | How to contribute | opensource.guide |
| 🌱 First Timers Only | Beginner-friendly issues | firsttimersonly.com |
| 💻 Good First Issue | Curated beginner issues | goodfirstissue.dev |
| 🔶 Up For Grabs | Projects seeking contributors | up-for-grabs.net |
| 🌍 CodeTriage | Help with open source projects | codetriage.com |
| 🐛 Issuehub | Search issues by label | issuehub.pro |
| License | Type | Commercial Use | Link |
|---|---|---|---|
| 📗 MIT License | Permissive | ✅ Yes | opensource.org/MIT |
| 🔵 Apache 2.0 | Permissive | ✅ Yes | apache.org/licenses |
| 🔴 GPL v3 | Copyleft | gnu.org/licenses/gpl-3.0 | |
| 🟡 BSD 2/3-Clause | Permissive | ✅ Yes | opensource.org/BSD |
| 🟣 LGPL | Weak Copyleft | gnu.org/licenses/lgpl | |
| 🌊 MPL 2.0 | Weak Copyleft | ✅ Yes | mozilla.org/MPL |
| 🎯 ISC License | Permissive | ✅ Yes | opensource.org/ISC |
| Project | Language | Stars | Link |
|---|---|---|---|
| 🦊 Firefox | C++/JavaScript | 🌟 10K+ | github.com/mozilla/gecko-dev |
| 🐧 VS Code | TypeScript | 🌟 160K+ | github.com/microsoft/vscode |
| ⚛️ React | JavaScript | 🌟 220K+ | github.com/facebook/react |
| 🐍 CPython | C/Python | 🌟 60K+ | github.com/python/cpython |
| 🐳 Docker | Go | 🌟 68K+ | github.com/moby/moby |
| ▲ Next.js | TypeScript | 🌟 120K+ | github.com/vercel/next.js |
| 🎨 Tailwind CSS | CSS | 🌟 80K+ | github.com/tailwindlabs/tailwindcss |
👥 Connect, learn and grow with fellow developers
| Community | Platform | Members | Link |
|---|---|---|---|
| 🔵 Stack Overflow | Q&A Forum | 20M+ | stackoverflow.com |
| 🔴 r/webdev | 900K+ | reddit.com/r/webdev | |
| 🔵 r/javascript | 2M+ | reddit.com/r/javascript | |
| 🟢 Dev.to | Blog Platform | 900K+ | dev.to |
| 🔶 Hashnode | Tech Blog | 600K+ | hashnode.com |
| 🔷 HackerNews | Tech News | 10M+ | news.ycombinator.com |
| 🌊 Lobste.rs | Tech Link Aggregator | 100K+ | lobste.rs |
| 🎯 Indie Hackers | Entrepreneur Community | 300K+ | indiehackers.com |
| Community | Focus | Link |
|---|---|---|
| 🐦 Reactiflux | React & JS | reactiflux.com |
| 🎨 Tailwind CSS | Tailwind | discord.gg/tailwindcss |
| 🔷 TypeScript | TypeScript | discord.gg/typescript |
| 🚀 Next.js | Next.js | discord.gg/nextjs |
| 🟢 Node.js | Node.js | discord.gg/nodejs |
| 🐙 GitHub | Open Source | discord.gg/github |
| 🎮 Programmatic | General Dev | discord.gg/programming |
| 🌊 The Coding Den | General Dev | discord.gg/code |
| Podcast | Focus | Link |
|---|---|---|
| 🎧 Syntax.fm | Full-stack JavaScript | syntax.fm |
| 🔵 ShopTalk Show | Front-end | shoptalkshow.com |
| 🎙️ JS Party | JavaScript | changelog.com/jsparty |
| 🔴 Software Engineering Daily | All Dev Topics | softwareengineeringdaily.com |
| 🎯 Full Stack Radio | Full-stack Dev | fullstackradio.com |
| 🌊 Changelog | Open Source | changelog.com |
| 🎨 The CSS Podcast | CSS | pod.link/thecsspodcast |
| 🤖 Lex Fridman Podcast | AI & CS | lexfridman.com/podcast |
| Newsletter | Focus | Link |
|---|---|---|
| 📧 JavaScript Weekly | JavaScript | javascriptweekly.com |
| 📬 Frontend Focus | Frontend | frontendfoc.us |
| 🌐 Web Dev Weekly | Web Dev | webdevweekly.com |
| 🔴 Node Weekly | Node.js | nodeweekly.com |
| 🔷 TypeScript Weekly | TypeScript | typescript-weekly.com |
| 🎨 CSS-Tricks | CSS & Frontend | css-tricks.com |
| 🚀 TLDR | Tech News (5 min) | tldr.tech |
| 🌊 Bytes.dev | JavaScript News | bytes.dev |
💡 Build things. Ship things. Learn things.
| Project | Skills Learned | Difficulty |
|---|---|---|
| 📋 Todo App | CRUD, State Management | ⭐ |
| 🌤️ Weather App | API Integration, Async | ⭐ |
| 🧮 Calculator | DOM Manipulation, Logic | ⭐ |
| ❓ Quiz App | Arrays, DOM Events | ⭐ |
| 🎨 Color Picker | Events, CSS Variables | ⭐ |
| ⏱️ Pomodoro Timer | SetInterval, Local Storage | ⭐⭐ |
| 📖 Recipe Finder | API, Search, Filters | ⭐⭐ |
| 💱 Currency Converter | Fetch API, Forms | ⭐⭐ |
| 🎴 Memory Card Game | Arrays, Algorithms | ⭐⭐ |
| 📓 Notes App | CRUD, Local Storage | ⭐⭐ |
| Project | Skills Learned | Difficulty |
|---|---|---|
| 💬 Chat Application | WebSockets, Real-time | ⭐⭐⭐ |
| 🛒 E-commerce Store | Auth, Cart, Payments | ⭐⭐⭐ |
| 📊 Dashboard App | Charts, Data Viz | ⭐⭐⭐ |
| 🔐 Auth System | JWT, OAuth, Sessions | ⭐⭐⭐ |
| 🗺️ Location Tracker | Maps API, Geolocation | ⭐⭐⭐ |
| 📸 Photo Gallery | Image Upload, CDN | ⭐⭐⭐ |
| 🎵 Music Player | Web Audio API | ⭐⭐⭐ |
| 📈 Portfolio Tracker | Stock APIs, Charts | ⭐⭐⭐ |
| 📅 Calendar App | Date Logic, Events | ⭐⭐⭐ |
| 🧾 Invoice Generator | PDF Generation, Forms | ⭐⭐⭐ |
| Project | Skills Learned | Difficulty |
|---|---|---|
| 🤖 AI Chatbot | LLMs, Streaming, RAG | ⭐⭐⭐⭐⭐ |
| 🎮 Multiplayer Game | WebSockets, State Sync | ⭐⭐⭐⭐⭐ |
| 🐦 Social Media Clone | Full-stack, Scale | ⭐⭐⭐⭐⭐ |
| 💼 Job Board | Search, Filters, Auth | ⭐⭐⭐⭐ |
| 🎵 Music Streaming | Audio, CDN, Licensing | ⭐⭐⭐⭐⭐ |
| 🏪 Multi-vendor Marketplace | Complex E-commerce | ⭐⭐⭐⭐⭐ |
| 📊 Analytics Platform | Big Data, Charts | ⭐⭐⭐⭐⭐ |
| 🔧 Dev Tools SaaS | Monetization, Scale | ⭐⭐⭐⭐⭐ |
| 📝 CMS Platform | Content Management | ⭐⭐⭐⭐ |
| 🤝 Collaboration Tool | Real-time, CRDT | ⭐⭐⭐⭐⭐ |
Contributions are what make the open source community such an amazing place to learn, inspire, and create!
1. 🍴 Fork the project
2. 🌿 Create your feature branch: git checkout -b feature/AmazingResource
3. 💾 Commit your changes: git commit -m 'Add some AmazingResource'
4. 📤 Push to the branch: git push origin feature/AmazingResource
5. 🔁 Open a Pull Request
Please read our CONTRIBUTING.md for details on our code of conduct and the process for submitting pull requests.
This repository is licensed under the MIT License — see the LICENSE file for details.
This means you are free to use, copy, modify, and distribute this resource list for any purpose.
These legends helped make this resource what it is today. You could be next!
██████╗ ██╗ ██╗██╗██╗ ████████╗ ██╗████████╗
██╔══██╗██║ ██║██║██║ ╚══██╔══╝ ██║╚══██╔══╝
██████╔╝██║ ██║██║██║ ██║ ██║ ██║
██╔══██╗██║ ██║██║██║ ██║ ██║ ██║
██████╔╝╚██████╔╝██║███████╗ ██║ ██║ ██║
╚═════╝ ╚═════╝ ╚═╝╚══════╝ ╚═╝ ╚═╝ ╚═╝
until the bugs are gone 🐛 and the coffee is ☕ hot
Made with ❤️ by the developer community, for the developer community.
"The best code is no code at all. But since we have to write some, at least have good resources."
🌐 Share this with a developer who needs it 🌐
