DEV Community

loading...

The 52 most popular projects from the last year of Trending Projects

Iain Freestone
A Web developer from Hampshire in the south of England.
・14 min read

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 www.iainfreestone.com


21st May 2021

Week 52

Docz

Alt Text

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

Alt Text

Presentation Slides for Developers

GitHub | Website | View Issue


7th May 2021

Week 50

Keystone

Alt Text

The most powerful headless CMS for Node.js — built with GraphQL and React

GitHub | Website | View Issue


30th April 2021

Week 49

Script Kit

Alt Text

Automation for Developers, Automate Anything! Making scripts easy to run, write, and share

GitHub | Website | View Issue


23rd April 2021

Week 48

git-tips

Alt Text

Most commonly used git tips and tricks.

GitHub | View Issue


16th April 2021

Week 47

CSS Layout

Alt Text

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

Alt Text

The tiny all-in-one development tool for modern web apps, in a single 2mb file with no dependencies.

GitHub | View Issue


2nd April 2021

Week 45

Crank.js

Alt Text

Write JSX-driven components with functions, promises and generators.

GitHub | Website | View Issue


26th March 2021

Week 44

The Magic of CSS

Alt Text

A CSS course to turn you into a magician.

GitHub | Website | View Issue


19th March 2021

Week 43

Awesome Design Tools

Alt Text

The best design tools and plugins for everything

GitHub | View Issue


12th March 2021

Week 42

Sweet Alert

Alt Text

A beautiful replacement for JavaScript’s “alert”

GitHub | Website | View Issue


5th March 2021

Week 41

The Art of Node

Alt Text

A short introduction to node.js

GitHub | View Issue


26th February 2021

Week 40

Serverless Stack (SST)

Alt Text

Serverless Stack (SST) is a framework that makes it easy to build serverless apps.

GitHub | Website | View Issue


19th February 2021

Week 39

Devicons

Alt Text

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

Alt Text

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

Alt Text

Patterns for using flexbox CSS to build awesome UI components.

GitHub | View Issue


29th January 2021

Week 36

Lazy Collections

Alt Text

Collection of fast and lazy operations

GitHub | View Issue


22nd January 2021

Week 35

Naming cheatsheet

Alt Text

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.

GitHub | View Issue


15th January 2021

Week 34

builder.io

Alt Text

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

Alt Text

A clean, beautiful and responsive portfolio template for Developers.

GitHub | Website | View Issue


1st January 2021

Week 32

TypeScript Deep Dive

Alt Text

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

Alt Text

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

Alt Text

50+ mini web projects using HTML, CSS & JS

GitHub | View Issue


11th December 2020

Week 29

Elastic UI Framework

Alt Text

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

Alt Text

CSS tricks for web developers

GitHub | Website | View Issue


27th November 2020

Week 27

Layr

Alt Text

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

Alt Text

A collection of inspiring lists, manuals, cheatsheets, blogs, hacks, one-liners, cli/web tools and more.

GitHub | View Issue


13th November 2020

Week 25

Aleph.js

Alt Text

The React Framework in Deno.

GitHub | Website | View Issue


6th November 2020

Week 24

Lando

Alt Text

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

Alt Text

A case study on viable techniques for vanilla web development.

GitHub | View Issue


23rd October 2020

Week 22

Admin Bro

Alt Text

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

Alt Text

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

Alt Text

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

Alt Text

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

Alt Text

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

Alt Text

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

Alt Text

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

Alt Text

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

GitHub | View Issue


28th August 2020

Week 14

Carbon Design System

Alt Text

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

Alt Text

Curated list of design and UI resources from stock photos, web templates, CSS frameworks, UI libraries, tools and much more.

GitHub | View Issue


14th August 2020

Week 12

Tailblocks

Alt Text

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

Alt Text

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

Alt Text

A magical documentation site generator.

GitHub | Website | View Issue


24th July 2020

Week 9

Adobe - React Spectrum

Alt Text

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

Alt Text

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

Alt Text

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

Alt Text

Alibaba Group Unified Form Solution.

GitHub | Website | View Issue


26th June 2020

Week 5

React Query

Alt Text

Hooks for fetching, caching and updating asynchronous data in React

GitHub | Website | View Issue


19th June 2020

Week 4

Chakra

Alt Text

Build Accessible React Apps with Speed

GitHub | Website | View Issue


12th June 2020

Week 3

The Algorithms - JavaScript

Alt Text

A repository for All algorithms implemented in Javascript (for educational purposes only)

GitHub | View Issue


5th June 2020

Week 2

Snowpack

Alt Text

A faster build system for the modern web.

GitHub | Website | View Issue


30th May 2020

Week 1

esbuild

Alt Text

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 www.iainfreestone.com 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.

Discussion (9)

Collapse
tomfa profile image
Tomas Fagerbekk

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 ❤️

Collapse
iainfreestone profile image
Iain Freestone Author

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

Collapse
okikio profile image
Okiki

Awesome list, but how are you judging trendy project?

Collapse
iainfreestone profile image
Iain Freestone Author • Edited

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.

Collapse
okikio profile image
Okiki

Awesome

Collapse
typingtest profile image
Online Typing Test

Awesome list. Thanks Iain :)

Collapse
mwrpwr profile image
Joseph Maurer

Great list of projects! You can tell that you put a lot of time into curating this

Collapse
iainfreestone profile image
Iain Freestone Author • Edited

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.

Collapse
taufiqtab profile image
Taufiq Abdullah

Awesome and useful !!, thanks