100+ FREE Resources Every Web Developer Must Try

This page summarizes the projects mentioned and recommended in the original post on dev.to

CodeRabbit: AI Code Reviews for Developers
Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.
coderabbit.ai
featured
Nutrient - The #1 PDF SDK Library
Bad PDFs = bad UX. Slow load times, broken annotations, clunky UX frustrates users. Nutrient’s PDF SDKs gives seamless document experiences, fast rendering, annotations, real-time collaboration, 100+ features. Used by 10K+ devs, serving ~half a billion users worldwide. Explore the SDK for free.
nutrient.io
featured
  1. markdown-here

    Google Chrome, Firefox, and Thunderbird extension that lets you write email in Markdown and render it before sending.

    Markdown Cheat Sheet: Markdown syntax guide for creating rich text formatting.

  2. CodeRabbit

    CodeRabbit: AI Code Reviews for Developers. Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.

    CodeRabbit logo
  3. Vim

    The official Vim repository

    Vim

  4. curriculum

    The open curriculum for learning web development

    TheOdinProject

  5. sublime_text

    Issue tracker for Sublime Text

    Sublime Text

  6. vercel

    Develop. Preview. Ship.

    Vercel: Deploy websites and applications with automatic deployments.

  7. go-unsplash

    Go Client for the Unsplash API

    Unsplash: Access over a million free high-resolution photos.

  8. postgrest-rs

    Rust client for PostgREST

    Supabase: Build modern apps with a scalable backend.

  9. Nutrient

    Nutrient - The #1 PDF SDK Library. Bad PDFs = bad UX. Slow load times, broken annotations, clunky UX frustrates users. Nutrient’s PDF SDKs gives seamless document experiences, fast rendering, annotations, real-time collaboration, 100+ features. Used by 10K+ devs, serving ~half a billion users worldwide. Explore the SDK for free.

    Nutrient logo
  10. scrollreveal

    Animate elements as they scroll into view.

    ScrollReveal.js: Easily reveal elements as they enter the viewport.

  11. community

    Repository for public issue-tracking and discussions (by scrimba)

    Scrimba

  12. hugo-quick-start

    Hugo Quick Start on Render

    Render: Host web applications and static sites effortlessly.

  13. pages-gem

    A simple Ruby Gem to bootstrap dependencies for setting up and maintaining a local Jekyll environment in sync with GitHub Pages

    GitHub Pages: Host your static websites directly from your GitHub repository.

  14. learnxinyminutes-docs

    Code documentation written as code! How novel and totally my idea!

    Learn x in y minutes: Concise tutorials to learn various programming languages and tools quickly.

  15. Google Fonts

    Font files available from Google Fonts, and a public issue tracker for all things Google Fonts

    Google Fonts

  16. flexboxfroggy

    A game for learning CSS flexbox 🐸

    Flexbox Froggy: Learn CSS Flexbox by playing this game.

  17. feather

    Simply beautiful open-source icons

    Feather Icons

  18. gridgarden

    A game for learning CSS grid layout 🥕

    Grid Garden: Master CSS Grid layout by playing this game.

  19. open-react-template

    A free React / Next.js landing page template designed to showcase open source projects, SaaS products, online services, and more. Made by

    Cruip

  20. Visual Studio Code

    Visual Studio Code

    Visual Studio Code (VS Code)

  21. brackets

    An open source code editor for the web, written in JavaScript, HTML and CSS. (by brackets-cont)

    Brackets

  22. bootswatch

    Themes for Bootstrap

    Bootswatch

  23. Appwrite

    Your backend, minus the hassle.

    Appwrite: Open-source backend server for web and mobile developers.

  24. anijs

    A Library to Raise your Web Design without Coding.

    AniJS: Declarative handling library for CSS animations.

  25. SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub logo
NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts

  • Ask HN: Good resource on writing web app with plain JavaScript/HTML/CSS

    27 projects | news.ycombinator.com | 16 Nov 2022
  • From Seasons of Struggle to Horizons of Hope: My 2024 Tech Odyssey

    1 project | dev.to | 22 Jan 2025
  • Cuttle – a MTG like game using a standard 52 card deck

    2 projects | news.ycombinator.com | 10 Jan 2025
  • Building an API part 1

    1 project | dev.to | 12 Nov 2024
  • 🌐 Useful Web Development Resources.

    1 project | dev.to | 8 Nov 2024

Did you know that JavaScript is
the 3rd most popular programming language
based on number of references?