Best of JavaScript Weekly Rankings

Get the latest JS rankings in your inbox every week

Sign up for Best of JavaScript's newsletter, and you'll receive exclusive stats about the most popular JavaScript projects every week.


Issue #125

Number one this week, Diagram Maker is a library outsourced by AWS to visualize graph data structure in the browser.

Basically a graph is made of “nodes” connected by “edges” (arrows between the nodes, with a source and a destination).

Diagram Maker can be used to visualize a workflow with different states and events that trigger transition between states. It’s used in the modelling tool of the AWS “IoT Events” service to let users represent the state of their devices.

Under the hood, it’s built on top of the state management library Redux and the UI library Preact, the most popular lightweight alternative to React.

Check the category Diagram / Flow charts if you are interested in this type of visualization.

Growing Fast This Week

By % of GitHub stars added (relative growth) this week
1
Diagram Maker
Diagram Maker
A library to display an interactive editor for any graph-like data.
Homepage
+25.7%
2
Headless Recorder
Headless Recorder
a Chrome extension that records your browser interactions
Homepage
+12.1%
3
Elsa
Elsa
A minimal, fast and secure runtime for Javascript and Typescript
GitHub
+10.9%
4
Headless UI
Headless UI
Completely unstyled, fully accessible UI components
Homepage
+7.5%
5
Espruino
Espruino
The Espruino JavaScript interpreter
Homepage
+7.2%
6
React Flow
React Flow
Highly customizable library for building interactive node-based editors
Homepage
+6.9%
7
Overmind
Overmind
Frictionless state management
Homepage
+6.4%
8
Duet Date Picker
Duet Date Picker
An accessible date picker
Homepage
+5.3%
9
ml.js
ml.js
Machine learning tools in JavaScript
GitHub
+3.7%
10
Fluid
Fluid
Library for building distributed, real-time collaborative web applications
Homepage
+3.4%

Trending This Week

By number of GitHub stars added this week
1
Headless Recorder
Headless Recorder
a Chrome extension that records your browser interactions
Homepage
+1.2 k
2
esbuild
esbuild
An extremely fast JavaScript bundler and minifier
GitHub
+457
3
30 seconds of code
30 seconds of code
Short JavaScript code snippets for all your development needs
Homepage
+409
4
freeCodeCamp
freeCodeCamp
freeCodeCamp.org's open source codebase and curriculum
GitHub
+371
5
VS Code
VS Code
Visual Studio Code
Homepage
+370
6
React
React
A declarative, efficient, and flexible JavaScript library for building UI
Homepage
+344
7
Vue.js
Vue.js
A progressive, incrementally-adoptable framework for building UI on the web
Homepage
+330
8
Next.js
Next.js
The React Framework
Homepage
+297
9
React Query
React Query
Hooks for fetching, caching and updating asynchronous data in React
Homepage
+290
10
Day.js
Day.js
Day.js 2KB immutable date-time library alternative to Moment.js
Homepage
+256

All issues

#DateTOP 3 projects
125October 18, 2020Headless Recorder, esbuild, 30 seconds of code
124October 11, 202030 seconds of code, esbuild, visx
123October 03, 2020visx, eDEX-UI, Strapi
122September 27, 2020vue-next, Day.js, React Query
121September 20, 2020Day.js, vue-next, React Query
120September 13, 202030 seconds of code, Moon, JS Algorithms & Data Structures
119September 06, 202030 seconds of code, Project Guidelines, Node.js Best Practices
118August 30, 2020Node.js Best Practices, Heroicons, Front-End Checklist
117August 23, 2020Node.js Best Practices, JS Algorithms & Data Structures, Storybook
116August 16, 2020Rome, Heroicons, JS Algorithms & Data Structures
115August 09, 2020GPU.js, Tinykeys, Heroicons
114August 02, 2020JS Algorithms & Data Structures, Leon Sans, Vue.js
113July 26, 2020Wiki.js, Super Expressive, Puppeteer Recorder
112July 19, 2020Papers we love, x-spreadsheet, VS Code
111July 12, 2020eDEX-UI, JS Algorithms & Data Structures, Vite
110July 05, 2020React Hook Form, Vue.js, Vite
109June 27, 2020React Query, Deno, Vite
108June 21, 2020Deno, Chakra UI, css.gg
107June 14, 2020Deno, Grid.js, Vue.js
106June 07, 2020Solid, Deno, Node.js Best Practices
105May 31, 2020Deno, JS Algorithms & Data Structures, Node.js Best Practices
104May 24, 2020Deno, Recoil, VS Code
103May 17, 2020Deno, JS Algorithms & Data Structures, Playwright
102May 09, 2020Deno, uPlot, Tech Interview Handbook
101May 03, 2020uPlot, LearnGitBranching, Alpine.js
100April 26, 2020LearnGitBranching, OrbitDB, Destiny
99April 19, 2020JS Algorithms & Data Structures, Themer, Vue.js
98April 12, 2020Eclipse Theia, JS Algorithms & Data Structures, Vue.js
97April 05, 2020Eclipse Theia, JS Algorithms & Data Structures, Deno
96March 29, 2020Papers we love, Vue.js, Vue Element Admin
95March 21, 2020Vue.js, JS Algorithms & Data Structures, Redwood
94March 15, 2020JS Algorithms & Data Structures, Node.js Best Practices, React Table
93March 08, 2020Node.js Best Practices, Vue.js, Alpine.js
92March 01, 2020React Query, Vue.js, Node.js Best Practices
91Febuary 22, 2020Playwright, You Don't Know JS, Deno
90Febuary 16, 2020Front-End Performance Checklist, Alpine.js, You Don't Know JS
89Febuary 09, 2020You Don't Know JS, Playwright, Deno
88Febuary 02, 2020Playwright, Deno, Clean Code
87January 26, 2020Clean Code, Deno, JS Algorithms & Data Structures
86January 19, 2020You Don't Know JS, Clean Code, Alpine.js
85January 13, 2020JS Algorithms & Data Structures, Snowpack, Tech Interview Handbook
84January 05, 2020Svelte, Outline, Vue.js
83December 29, 2019Tesseract.js, Outline, Svelte
82December 22, 2019Tesseract.js, JS Algorithms & Data Structures, Svelte
81December 15, 2019JS Algorithms & Data Structures, You Don't Know JS, Node.js Best Practices
80December 08, 2019Tech Interview Handbook, JS Algorithms & Data Structures, Vue.js
79December 01, 2019roughViz.js, Algorithm Visualizer, React Table
78November 24, 201930 seconds of code, React Adaptive Loading Hooks, freeCodeCamp
77November 17, 2019VS Code, Code Surfer , Tailwind CSS
76November 10, 2019Mark Text, VS Code, Tailwind CSS
75November 03, 2019RxDB, Leon Sans, XState
74October 27, 2019RxDB, 30 seconds of code, Vue.js
73October 20, 2019roughViz.js, Vue.js, Vue Element Admin
72October 13, 2019React Hook Form, Vue.js, Vue Element Admin
71October 06, 2019You Don't Know JS, Vue.js, React
70September 29, 2019JS Algorithms & Data Structures, Vue Element Admin, Awesome
69September 22, 2019Tech Interview Handbook, Vue Element Admin, Vue.js
68September 15, 2019Tech Interview Handbook, Vue Element Admin, Leon Sans
67September 08, 2019Tech Interview Handbook, Vue.js, Vue Element Admin
66September 01, 2019Outline, NodeGUI, Tech Interview Handbook
65August 25, 2019Tech Interview Handbook, NodeGUI, You Don't Know JS
64August 18, 2019Reactide, Vue.js, Awesome
63August 11, 2019Data Structures and Algorithms, Outline, Vue.js
62August 04, 2019Outline, jExcel, Moveable
61July 28, 2019Cube.js, Awesome, Puppeteer
60July 21, 2019Clean Code, Vue.js, Algorithm Visualizer
59July 14, 2019Algorithm Visualizer, Deno, Vue.js
58July 07, 2019Algorithm Visualizer, Svelte, Vue.js
57June 30, 2019Every Programmer Should Know, just-task, Vue.js
56June 23, 2019Algorithm Visualizer, jExcel, Vue.js
55June 16, 2019Vue.js, Algorithm Visualizer, Filepond
54June 09, 2019Zdog, Algorithm Visualizer, Svelte
53June 02, 2019Zdog, CSS Grid Generator, Svelte
52May 26, 2019Svelte, Ola, Vue.js
51May 19, 2019CSSFX, Comlink, Svelte
50May 12, 2019Node.js Best Practices, VS Code, Svelte
49May 04, 2019Uppy, Svelte, Sheperd
48April 28, 2019Svelte, Ikonate, Vue.js
47April 20, 2019Squeezer, Vue.js, Editor.js
46April 13, 2019Editor.js, freeCodeCamp, You Don't Need jQuery
45April 07, 2019You Don't Need jQuery, Editor.js, Vue.js
44March 31, 2019Vue.js, freeCodeCamp, lax.js
43March 24, 2019lax.js, Vue.js, React
42March 17, 2019react-three-fiber, Vue.js, VS Code
41March 10, 2019Zero, Vue.js, VS Code
40March 03, 2019Cleave.js, Zero, Vue.js
39Febuary 23, 2019Uppy, Ant Design Vue, Vue.js
38Febuary 17, 2019Uppy, Mercury Parser, JS Algorithms & Data Structures
37Febuary 09, 2019FlexSearch, React, ApexCharts
36Febuary 03, 2019Ink, fx, Vue.js
35January 27, 2019fx, React-spring, Vue.js
34January 20, 2019anime.js, Node.js Best Practices, AlaSQL
33January 13, 2019FBT, anime.js, Vue.js
32January 06, 2019Brain.js, Awesome, 30 seconds of code
31December 30, 2018Ant Design, Brain.js, Node.js Best Practices
30December 22, 2018Quicklink, Node.js Best Practices, 33 JS Concepts
29December 16, 2018jsPDF, 33 JS Concepts, Quicklink
28December 09, 2018Vue.js, Puppeteer, ncc
27December 02, 2018LearnGitBranching, Vue.js, 33 JS Concepts
26November 24, 2018Nivo, Slate, 33 JS Concepts
25November 18, 2018TensorSpace.js, Slate, fx
24November 11, 2018Carlo, Eva icons, 33 JS Concepts
23November 04, 201833 JS Concepts, howler.js, The Platform
22October 28, 201833 JS Concepts, Omi, 30 seconds of code
21October 21, 2018Evergreen, Omi, 30 seconds of code
20October 14, 201830 seconds of code, Walt, tiptap
19October 07, 201830 seconds of code, Trix, Create React App
18September 29, 201830 seconds of code, Trix, Eagle.js
17September 23, 2018GrapeJS, Day.js, Vue.js
16September 15, 2018WatermelonDB, Pigeon Maps, Ky
15September 08, 2018Ky, Guess.js, F2
14September 01, 2018Puppeteer Recorder, F2, Vue.js
13August 26, 2018JS Algorithms & Data Structures, Puppeteer Recorder, Vue.js
12August 19, 2018React Move, JS Algorithms & Data Structures, Day.js
11August 12, 2018Pts, JS Algorithms & Data Structures, ApexCharts
10August 05, 2018mdx-deck, JS Algorithms & Data Structures, ApexCharts
9July 28, 2018ndb, Evergreen, JS Algorithms & Data Structures
8July 22, 2018JS Algorithms & Data Structures, Vue.js, Rogue
7July 15, 2018Vue.js, React, JS Algorithms & Data Structures
6July 07, 2018Canner, JS Algorithms & Data Structures, Vue.js
5June 30, 2018Vue.js, JS Algorithms & Data Structures, React
4June 24, 2018Vue.js, React, Polly.JS
3June 17, 2018Vue.js, React, deno
2June 10, 2018deno, JS Algorithms & Data Structures, VS Code
1June 03, 2018JS Algorithms & Data Structures, wired-elements, Vuido

Any question or feedback? Reach us on GitHub.

Best of JavaScript is a project created by Michael Rambeau, in Osaka, Japan.