🚀10 Trending projects on GitHub for web developers - 26th March 2021
Tags: react, css, javascript, node
Published: 2021-03-26 14:35: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. The Magic of CSS

A CSS course to turn you into a magician.

{% github https://github.com/adamschwartz/magic-of-css %}

---

### 2. React Cool Dimensions

React hook to measure an element's size and handle responsive components. 

{% github https://github.com/wellyshen/react-cool-dimensions %}

---

### 3. Nextra 

Nextra is a Next.js and MDX powered, no-code Static Site Generator.

{% github https://github.com/shuding/nextra %}

---

### 4. Fusuma

Fusuma makes slides with Markdown easily.

{% github https://github.com/hiroppy/fusuma %}

---

### 5. CodeTour

VS Code extension that allows you to record and playback guided tours of codebases, directly within the editor.

{% github https://github.com/microsoft/codetour %}

---

### 6. Sergey

Sergey is a tiny lil’ static site generator. It’s a progressive tool designed to site atop your already brilliant HTML. In essence, Sergey is HTML + partials with slots thrown in for good measure.

{% github https://github.com/trys/sergey %}

---

### 7. Vidact

A compiler that converts React-compatible codes to VanillaJS with no Virtual DOM

{% github https://github.com/mohebifar/vidact %}

---

### 8. Compiled

A familiar and performant compile time CSS-in-JS library for React.

{% github https://github.com/atlassian-labs/compiled %}

---

### 9. Got

Human-friendly and powerful HTTP request library for Node.js

{% github https://github.com/sindresorhus/got %}

---

### 10. patch-package

patch-package lets app authors instantly make and keep fixes to npm dependencies. It's a vital band-aid for those of us living on the bleeding edge.

{% github https://github.com/ds300/patch-package %}

---

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

1. [Web Development for Beginners](https://github.com/microsoft/Web-Dev-For-Beginners)  +3,032 stars
2. [ Free Programming Books](https://github.com/EbookFoundation/free-programming-books)   +1,105 stars
3. [Coding Interview University](https://github.com/jwasham/coding-interview-university)  +1,059 stars
4. [Developer Roadmap](https://github.com/kamranahmedse/developer-roadmap)  +958 stars
5. [Clone Wars](https://github.com/GorvGoyl/clone-wars)  +768 stars

#### Top risers over last 30 days

1. [Web Development for Beginners](https://github.com/microsoft/Web-Dev-For-Beginners)  +5,463 stars
2. [ Free Programming Books](https://github.com/EbookFoundation/free-programming-books)   +3,320 stars
3. [Vite](https://github.com/vitejs/vite)  +3,605 stars
4. [Developer Roadmap](https://github.com/kamranahmedse/developer-roadmap)  +2,810stars
5. [Public APIs](https://github.com/public-apis/public-apis)  +2,743 stars

---

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.