For the last year, I have been curating Trending projects a newsletter that showcases 10 popular web development projects each week.
The following list highlights the project that received the most click-throughs from each issue.
Please sign up at stargazing.dev
21st May 2021
Week 52
Docz
Docz makes it easy to write and publish beautiful interactive documentation for your code. Create MDX files showcasing your code and Docz turns them into a live-reloading, production-ready site.
GitHub | Website | View Issue
14th May 2021
Week 51
Slidev
Presentation Slides for Developers
GitHub | Website | View Issue
7th May 2021
Week 50
Keystone
The most powerful headless CMS for Node.js — built with GraphQL and React
GitHub | Website | View Issue
30th April 2021
Week 49
Script Kit
Automation for Developers, Automate Anything! Making scripts easy to run, write, and share
GitHub | Website | View Issue
23rd April 2021
Week 48
git-tips
Most commonly used git tips and tricks.
16th April 2021
Week 47
CSS Layout
A collection of popular layouts and patterns made with CSS. Now it has 90+ patterns and continues growing!
GitHub | Website | View Issue
9th April 2021
Week 46
WMR
The tiny all-in-one development tool for modern web apps, in a single 2mb file with no dependencies.
2nd April 2021
Week 45
Crank.js
Write JSX-driven components with functions, promises and generators.
GitHub | Website | View Issue
26th March 2021
Week 44
The Magic of CSS
A CSS course to turn you into a magician.
GitHub | Website | View Issue
19th March 2021
Week 43
Awesome Design Tools
The best design tools and plugins for everything
12th March 2021
Week 42
Sweet Alert
A beautiful replacement for JavaScript’s “alert”
GitHub | Website | View Issue
5th March 2021
Week 41
The Art of Node
A short introduction to node.js
26th February 2021
Week 40
Serverless Stack (SST)
Serverless Stack (SST) is a framework that makes it easy to build serverless apps.
GitHub | Website | View Issue
19th February 2021
Week 39
Devicons
An iconic font made for developers. Devicons contains 85 vectorized sharp glyphs . Devicons iconic font is free to use and licensed under MIT.
GitHub | Website | View Issue
12th February 2021
Week 38
Oasis Engine
Oasis Engine is a web-first and mobile-first high-performance real-time development platform.
GitHub | Website | View Issue
5th February 2021
Week 37
Flexbox Patterns
Patterns for using flexbox CSS to build awesome UI components.
29th January 2021
Week 36
Lazy Collections
Collection of fast and lazy operations
22nd January 2021
Week 35
Naming cheatsheet
Naming things is hard. This sheet attempts to make it easier.. Although these suggestions can be applied to any programming language, I will use JavaScript to illustrate them in practice.
15th January 2021
Week 34
builder.io
Drag and drop page building using your code components. Bring your design systems to life!
GitHub | Website | View Issue
8th January 2021
Week 33
Software Developer Folio
A clean, beautiful and responsive portfolio template for Developers.
GitHub | Website | View Issue
1st January 2021
Week 32
TypeScript Deep Dive
The definitive guide to TypeScript and possibly the best TypeScript book. Free and Open Source
GitHub | Website | View Issue
24th December 2020
Week 31
Prisma
Prisma Client can be used in any Node.js or TypeScript backend application (including serverless applications and microservices). This can be a REST API, a GraphQL API a gRPC API or anything else that needs a database.
GitHub | Website | View Issue
18th December 2020
Week 30
50 Projects in 50 Days - HTML/CSS and JavaScript
50+ mini web projects using HTML, CSS & JS
11th December 2020
Week 29
Elastic UI Framework
The Elastic UI Framework is a collection of React UI components for quickly building user interfaces at Elastic. Not using React? No problem! You can still use the CSS behind each component.
GitHub | Website | View Issue
4th December 2020
Week 28
You-need-to-know-css
CSS tricks for web developers
GitHub | Website | View Issue
27th November 2020
Week 27
Layr
Layr is a set of JavaScript/TypeScript libraries to dramatically simplify the development of full-stack applications.
GitHub | Website | View Issue
20th November 2020
Week 26
The Book of Secret Knowledge
A collection of inspiring lists, manuals, cheatsheets, blogs, hacks, one-liners, cli/web tools and more.
13th November 2020
Week 25
Aleph.js
The React Framework in Deno.
GitHub | Website | View Issue
6th November 2020
Week 24
Lando
A local development and DevOps tool for all your projects that is fast, easy, powerful and liberating
GitHub | Website | View Issue
30th October 2020
Week 23
Vanilla Todo
A case study on viable techniques for vanilla web development.
23rd October 2020
Week 22
Admin Bro
AdminBro is An automatic admin interface which can be plugged into your application. You, as a developer, provide database models (like posts, comments, stores, products or whatever else your application uses), and AdminBro generates UI which allows you (or other trusted users) to manage content.
GitHub | Website | View Issue
16th October 2020
Week 21
Pre-trained TensorFlow.js models
This repository hosts a set of pre-trained models that have been ported to TensorFlow.js. The models are hosted on NPM and unpkg so they can be used in any project out of the box. They can be used directly or used in a transfer learning setting with TensorFlow.js.
GitHub | Website | View Issue
9th October 2020
Week 20
Water.css
A drop-in collection of CSS styles to make simple websites just a little nicer
GitHub | Website | View Issue
2nd October 2020
Week 19
reveal.js
reveal.js is an open source HTML presentation framework. It enables anyone with a web browser to create fully featured and beautiful presentations for free.
GitHub | Website | View Issue
25th September 2020
Week 18
Front End Interview Handbook
While there are some existing resources to help front end developers in preparing for interviews, they aren't as abundant as materials for a software engineer interview. Among the existing resources, probably the most helpful question bank would be Front-end Developer Interview Questions. Unfortunately, I couldn't find many complete and satisfactory answers to these questions online, hence here is my attempt at answering them.
GitHub | Website | View Issue
18th September 2020
Week 17
Hover.css
A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on. Easily apply to your own elements, modify or just use for inspiration. Available in CSS, Sass, and LESS.
GitHub | Website | View Issue
11th September 2020
Week 16
Boilerplate App for SaaS Product
Open source web app that saves you weeks of work when building your own SaaS product.
GitHub | Website | View Issue
4th September 2020
Week 15
Project Guidelines
While developing a new project is like rolling on a green field for you, maintaining it is a potential dark twisted nightmare for someone else. Here's a list of guidelines we've found, written and gathered that (we think) works really well with most JavaScript projects
28th August 2020
Week 14
Carbon Design System
Carbon is an open-source design system built by IBM. With the IBM Design Language as its foundation, the system consists of working code, design tools and resources, human interface guidelines, and a vibrant community of contributors.
GitHub | Website | View Issue
21st August 2020
Week 13
Design resources for developers
Curated list of design and UI resources from stock photos, web templates, CSS frameworks, UI libraries, tools and much more.
14th August 2020
Week 12
Tailblocks
Ready-to-use Tailwind CSS blocks,15 different categories (ecommerce, blog, pricing and more...), responsive, dark/light mode and color variations.
GitHub | Website | View Issue
7th August 2020
Week 11
Ink
Ink provides the same component-based UI building experience that React offers in the browser, but for command-line apps. It uses Yoga to build Flexbox layouts in the terminal, so most CSS-like props are available in Ink as well. If you are already familiar with React, you already know Ink.
GitHub | Website | View Issue
31st July 2020
Week 10
Docsify
A magical documentation site generator.
GitHub | Website | View Issue
24th July 2020
Week 9
Adobe - React Spectrum
A collection of libraries and tools that help you build adaptive, accessible, and robust user experiences.
GitHub | Website | View Issue
The first newsletter was sent on week 9 so I do not have data for the most popular links prior to this.
So for the first 8 issues I have picked some of my favourites.
17th July 2020
Week 8
Vite
Vite is an opinionated web dev build tool that serves your code via native ES Module imports during dev and bundles it with Rollup for production.
GitHub | Website | View Issue
10th July 2020
Week 7
Redwood
Redwood is an opinionated, full-stack, serverless web application framework that will allow you to build and deploy JAMstack applications with ease.
GitHub | Website | View Issue
3rd July 2020
Week 6
Formily
Alibaba Group Unified Form Solution.
GitHub | Website | View Issue
26th June 2020
Week 5
React Query
Hooks for fetching, caching and updating asynchronous data in React
GitHub | Website | View Issue
19th June 2020
Week 4
Chakra
Build Accessible React Apps with Speed
GitHub | Website | View Issue
12th June 2020
Week 3
The Algorithms - JavaScript
A repository for All algorithms implemented in Javascript (for educational purposes only)
5th June 2020
Week 2
Snowpack
A faster build system for the modern web.
GitHub | Website | View Issue
30th May 2020
Week 1
esbuild
An extremely fast JavaScript bundler and minifier
GitHub | Website | View Issue
I hope you have enjoyed this year in review and hopefully you have discovered some new projects along the way.
Trending Projects is available as a weekly newsletter please sign up at stargazing.dev/ to ensure you never miss an issue.
If you enjoyed this article you can follow me on Twitter where I regularly post bite size tips relating to HTML, CSS and JavaScript.
Top comments (9)
So many interesting things, looking forward to trying several of them. Thank you!
I have 1 problem with signing up to your newsletter: 10 new things every week is information overload for me. I know these will lie in my inbox, becoming a mental chore.
Would you consider adding a curated newsletter (of your curated newsletter 😅). E.g. once a month, sharing the top 5 of your 40 already shared ones, based on click through rate? Or top 10 for every quarter?
Anyway, thank you for your efforts putting this together. It's super ❤️
Hi Tomas
Thank you,
I totally get the whole info overload and this is one of the reasons that got me to start on working on a new site that will take the data and make it available as an when you want want it. This should be released shortly.
I also really like the idea of a monthly digest and am going to start putting some thought into this.
Thanks again for your feedback
Awesome list, but how are you judging trendy project?
Hi Okiki
Over time I have built up a collection of web development related github repos (updated daily), I find these on the github site itself, blogs, newsletters, reddit, twitter etc. On a daily basis I run a query against the github api and store all this data in a database. I can then use this data to calculate % growth etc. I then use this data to help build the weekly list.
I am in the process of building a new site that will make this data public and hopefully act as a way of finding projects that maybe handy to you.
Awesome
Awesome list. Thanks Iain :)
Great list of projects! You can tell that you put a lot of time into curating this
Thanks Joseph
I do spend a lot of time each week but I really enjoying discovering what is out there.
The only problem is with so many great projects I don't get enough time to try out all the ones that really catch my eye.
Awesome and useful !!, thanks