🚀10 Trending projects on GitHub for web developers - 18th June 2021
Tags: javascript, webdev, react, productivity
Published: 2021-06-18 15:11:19

Trending Projects is available as a weekly newsletter please sign up at [www.iainfreestone.com](https://www.iainfreestone.com) to ensure you never miss an issue.

### 1. Astro

Astro is a fresh but familiar approach to building websites. Astro combines decades of proven performance best practices with the DX improvements of the component-oriented era. Use your favorite JavaScript framework and automatically ship the bare-minimum amount of JavaScript—by default.

{% github https://github.com/snowpackjs/astro %}

---

### 2. Supercookie

Supercookie uses favicons to assign a unique identifier to website visitors. Unlike traditional tracking methods, this ID can be stored almost persistently and cannot be easily cleared by the user.

{% github https://github.com/jonasstrehle/supercookie %}

---

### 3. Directus

Directus wraps any SQL database with a real-time GraphQL+REST API and an intuitive app for non-technical users.

{% github https://github.com/directus/directus %}

---

### 4. Tinycon

A small library for manipulating the favicon, in particular adding alert bubbles and changing images.

{% github https://github.com/tommoor/tinycon %}

---

### 5. Handsfree

Quickly integrate face, hand, and/or pose tracking to your frontend projects in a snap

{% github https://github.com/midiblocks/handsfree %}

---

### 6. Nano Stores

A tiny (152 bytes) state manager for React/Preact/Vue/Svelte with many atomic tree-shakable stores

{% github https://github.com/ai/nanostores %}

---

### 7. React Flip Toolkit

A lightweight magic-move library for configurable layout transitions

{% github https://github.com/aholachek/react-flip-toolkit %}

---

### 8. Flicking

Reliable, flexible and extendable carousel.

{% github https://github.com/naver/egjs-flicking %}

---

### 9. Ultimate Backend

Multi tenant SaaS starter kit with cqrs graphql microservice architecture, apollo federation, event source and authentication

{% github https://github.com/juicycleff/ultimate-backend %}

---

### 10. recast

JavaScript syntax tree transformer, nondestructive pretty-printer, and automatic source map generator

{% github https://github.com/benjamn/recast %}

---

### Stargazing 📈
#### Top risers over last 7 days

1. [Coding Interview University](https://github.com/jwasham/coding-interview-university) +4,250 stars
2. [Free Programming Books](https://github.com/EbookFoundation/free-programming-books) +1,145 stars
3. [Public APIs](https://github.com/public-apis/public-apis) +965 stars
4. [JavaScript Questions](https://github.com/lydiahallie/javascript-questions) +736 stars
5. [Next.js](https://github.com/vercel/next.js) +729 stars

#### Top growth(%) over last 7 days

1. [React Virtual Cool](https://github.com/wellyshen/react-cool-virtual) +252%
2. [Map of JavaScript](https://github.com/mechaniac/Map-of-Javascript) +55%
3. [Plaiceholder](https://github.com/joe-bell/plaiceholder) +36%
4. [Million](https://github.com/millionjs/million) +31%
5. [Slides](https://github.com/maaslalani/slides) +30%

#### Top risers over last 30 days

1. [Coding Interview University](https://github.com/jwasham/coding-interview-university) +11,307 stars
2. [Public APIs](https://github.com/public-apis/public-apis) +7,045 stars
3. [Free Programming Books](https://github.com/EbookFoundation/free-programming-books) +5,265 stars
4. [Slidev](https://github.com/slidevjs/slidev) +4,679 stars
5. [Developer Roadmap](https://github.com/kamranahmedse/developer-roadmap) +2,855 stars

#### Top growth(%) over last 30 days

1. [useStateMachine](https://github.com/cassiozen/useStateMachine) +282%
2. [Fig](https://github.com/withfig/autocomplete) +165%
3. [Slidev](https://github.com/slidevjs/slidev) +50%
5. [Plaiceholder](https://github.com/joe-bell/plaiceholder) +46%
5. [Appwrite](https://github.com/appwrite/appwrite) +41%

---

Trending Projects is available as a weekly newsletter please sign up at [www.iainfreestone.com](https://www.iainfreestone.com) to ensure you never miss an issue.

If you enjoyed this article you can [follow me](https://twitter.com/iain_freestone) on Twitter where I regularly post bite size tips relating to HTML, CSS and JavaScript.