#JavaScript

Open-source projects categorized as JavaScript | Edit details
Related topics: #NodeJS #React #TypeScript #CSS #HTML

Top 23 JavaScript Open-Source Projects

  • GitHub repo freeCodeCamp

    freeCodeCamp.org's open source codebase and curriculum. Learn to code for free.

    Project mention: Discussion/advice | reddit.com/r/saskatoon | 2021-03-21

    From what I've heard, the university route is geared towards theoretical programming, computation efficiency, algorithms, and concepts, while the SaskPoly route is heavy on practical programming with a dense course-load, assuming some level of baseline knowledge beforehand. If you already know this is your career choice and want a head start, FreeCodeCamp (web-dev), CS50 (beginner concepts), and MIT (technical) are my recommendations that offer a glimpse into university expectations.

  • GitHub repo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

    Project mention: Introduction to the Jamstack - the New Frontier in Web Development | dev.to | 2021-05-15

    You might already be familiar with popular JavaScript UI libraries like React, Vue, and Angular.

  • GitHub repo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

    Project mention: Introduction to the Jamstack - the New Frontier in Web Development | dev.to | 2021-05-15

    You might already be familiar with popular JavaScript UI libraries like React, Vue, and Angular.

  • GitHub repo Bootstrap

    The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.

    Project mention: Using PurgeCSS with Bootstrap and Eleventy | dev.to | 2021-05-09

    This tutorial assumes you already have the bootstrap css library added to your project. If not, go to https://getbootstrap.com/ and download the CSS. You can add it anywhere in your project. I keep mine in a source folder.

  • GitHub repo You-Dont-Know-JS

    A book series on JavaScript. @YDKJS on twitter.

    Project mention: How JavaScript works: 3 types of polymorphism | reddit.com/r/javascript | 2021-05-12

    https://github.com/getify/You-Dont-Know-JS/blob/2nd-ed/scope-closures/apA.md#the-case-for-var

  • GitHub repo javascript

    JavaScript Style Guide

    Project mention: Can someone explain this C naming convention to me? Book author uses lower case letters before custom struct types and names (t, s, g, etc.) | reddit.com/r/learnprogramming | 2021-05-07

    Expect to have to follow someone else's style (see e.g. https://github.com/airbnb/javascript), but it shouldn't really matter. I've been programming for a few decades and still keep mutating my style to explore different ways of going about it.

  • GitHub repo javascript-algorithms

    📝 Algorithms and data structures implemented in JavaScript with explanations and links to further readings

    Project mention: Resources to learn about designing, architecting or implementing a project in js (Please read the whole description) | reddit.com/r/webdev | 2021-05-07

    Design patterns https://refactoring.guru/design-patterns OOP Design patterns https://www.oodesign.com/ Algorithms and data structures https://github.com/trekhleb/javascript-algorithms Uncle Bob playlist https://www.youtube.com/watch?v=7EmboKQH8lM&list=PLmmYSbUCWJ4x1GO839azG_BBw8rkh-zOj&index=2

  • GitHub repo Electron

    :electron: Build cross-platform desktop apps with JavaScript, HTML, and CSS

    Project mention: Fedora 34 Gnome 40 Wayland vs X11 | reddit.com/r/Fedora | 2021-05-07

    Here is more context: https://github.com/electron/electron/issues/29115#issuecomment-840068914

  • GitHub repo axios

    Promise based HTTP client for the browser and node.js

    Project mention: Five conductive - and five innovative npm packages | dev.to | 2021-05-15

    NPM's request and axios are still the most common and mature top-dog clients, but new challengers are emerging - one of which is the bent package. It consists out of less than 15% of the above packages' size, and embraces modern Javascript practices. As it's fully asynchronous, it only works in an async context.

  • GitHub repo node

    Node.js JavaScript runtime :sparkles::turtle::rocket::sparkles:

    Project mention: 5 Reasons to use Node.js along with React.js | dev.to | 2021-05-15

    The web applications that use mongoDB, express.js, react.js and node.js. Using this we can create applications like e-commerce websites, banking websites and many more. React plus node will help us building such applications with ease.

  • GitHub repo deno

    A secure JavaScript and TypeScript runtime

    Project mention: Why doesn't Denopack work? | reddit.com/r/Deno | 2021-05-12

    The Deno compiler APIs were consolidated into a single Deno.emit() API in 1.7.0 - see https://github.com/denoland/deno/releases/tag/v1.7.0

  • GitHub repo 30-seconds-of-code

    Short JavaScript code snippets for all your development needs

    Project mention: Short JavaScript code snippets for all your development needs | reddit.com/r/coolgithubprojects | 2021-04-30
  • GitHub repo Angular

    One framework. Mobile & desktop.

    Project mention: Introduction to the Jamstack - the New Frontier in Web Development | dev.to | 2021-05-15

    You might already be familiar with popular JavaScript UI libraries like React, Vue, and Angular.

  • GitHub repo TypeScript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

    Project mention: String.raw \x - compiler error | reddit.com/r/typescript | 2021-05-15

    You may want to take a look at this: https://github.com/microsoft/TypeScript/issues/42887

  • GitHub repo three.js

    JavaScript 3D Library.

    Project mention: I'm building a Online Tool to frame app UI & create device animations for presentations. (Just launched in Beta) | reddit.com/r/graphic_design | 2021-05-10

    If you mean on the landing page, then it's an interactive 3D demo, built in three.js

  • GitHub repo material-ui

    Material-UI is a simple and customizable component library to build faster, beautiful, and more accessible React applications. Follow your own design system, or start with Material Design.

    Project mention: Full Stack Instagram: Introduction | dev.to | 2021-05-14

    CSS + Styled Components + Material-UI

  • GitHub repo nodebestpractices

    :white_check_mark: The Node.js best practices list (May 2021)

    Project mention: Any resources on best structuring practices for Express projects? | reddit.com/r/node | 2021-04-29

    node best practices

  • GitHub repo storybook

    📓 The UI component explorer. Develop, document, & test React, Vue, Angular, Web Components, Ember, Svelte & more!

    Project mention: Five conductive - and five innovative npm packages | dev.to | 2021-05-15

    2.3) Storybook - a platform for your project components

  • GitHub repo webpack

    A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting allows for loading parts of the application on demand. Through "loaders", modules can be CommonJs, AMD, ES6 modules, CSS, Images, JSON, Coffeescript, LESS, ... and your custom stuff.

    Project mention: When do you split your code into multiple script files? | reddit.com/r/learnjavascript | 2021-05-12

    In modern JS development, you'll generally create a bunch of modules and then use a tool like webpack to bundle everything you need into one (or a few) files

  • GitHub repo Atom

    :atom: The hackable text editor

    Project mention: How to add a mod to mac | reddit.com/r/vivaldibrowser | 2021-05-09

    PS²: If MacOS's default notepad app doesn't allow for creating .js files, you can use Visual Studio Code or Atom.

  • GitHub repo Chart.js

    Simple HTML5 Charts using the <canvas> tag

    Project mention: What colors should I prepare for use for graphs with unknown datasets? | reddit.com/r/web_design | 2021-05-03

    I am building a graph function using charts.js for a project that I am working on.

  • GitHub repo Express

    Fast, unopinionated, minimalist web framework for node.

    Project mention: Image Compression with Node.js | dev.to | 2021-05-15

    However, I will show that with a simple Express.js api we can upload an image, change the Mime Type and still decrease its size.

  • GitHub repo clean-code-javascript

    :bathtub: Clean Code concepts adapted for JavaScript

    Project mention: [20] Top 15 Most Valuable GitHub Repos in 2021 | dev.to | 2021-04-28

    The must-know Clean Code principles adapted for the JavaScript world. https://github.com/ryanmcdermott/clean-code-javascript

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020). The latest post mention was on 2021-05-15.

Index

What are some of the best open-source JavaScript projects? This list will help you:

Project Stars
1 freeCodeCamp 323,507
2 Vue.js 183,172
3 React 168,223
4 Bootstrap 149,675
5 You-Dont-Know-JS 138,172
6 javascript 108,840
7 javascript-algorithms 107,210
8 Electron 91,726
9 axios 84,361
10 node 78,997
11 deno 75,353
12 30-seconds-of-code 75,205
13 Angular 73,162
14 TypeScript 70,760
15 three.js 70,469
16 material-ui 68,157
17 nodebestpractices 65,323
18 storybook 61,710
19 webpack 58,115
20 Atom 55,056
21 Chart.js 53,551
22 Express 53,014
23 clean-code-javascript 51,725