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
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.
Presentation Slides for Developers
The most powerful headless CMS for Node.js — built with GraphQL and React
Automation for Developers, Automate Anything! Making scripts easy to run, write, and share
Most commonly used git tips and tricks.
A collection of popular layouts and patterns made with CSS. Now it has 90+ patterns and continues growing!
The tiny all-in-one development tool for modern web apps, in a single 2mb file with no dependencies.
Write JSX-driven components with functions, promises and generators.
A CSS course to turn you into a magician.
The best design tools and plugins for everything
A short introduction to node.js
Serverless Stack (SST) is a framework that makes it easy to build serverless apps.
An iconic font made for developers. Devicons contains 85 vectorized sharp glyphs . Devicons iconic font is free to use and licensed under MIT.
Oasis Engine is a web-first and mobile-first high-performance real-time development platform.
Patterns for using flexbox CSS to build awesome UI components.
Collection of fast and lazy operations
Drag and drop page building using your code components. Bring your design systems to life!
A clean, beautiful and responsive portfolio template for Developers.
The definitive guide to TypeScript and possibly the best TypeScript book. Free and Open Source
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.
50+ mini web projects using HTML, CSS & JS
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.
CSS tricks for web developers
A collection of inspiring lists, manuals, cheatsheets, blogs, hacks, one-liners, cli/web tools and more.
The React Framework in Deno.
A local development and DevOps tool for all your projects that is fast, easy, powerful and liberating
A case study on viable techniques for vanilla web development.
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.
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.
A drop-in collection of CSS styles to make simple websites just a little nicer
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.
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.
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.
Open source web app that saves you weeks of work when building your own SaaS product.
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.
Curated list of design and UI resources from stock photos, web templates, CSS frameworks, UI libraries, tools and much more.
Ready-to-use Tailwind CSS blocks,15 different categories (ecommerce, blog, pricing and more...), responsive, dark/light mode and color variations.
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.
A magical documentation site generator.
A collection of libraries and tools that help you build adaptive, accessible, and robust user experiences.
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.
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.
Redwood is an opinionated, full-stack, serverless web application framework that will allow you to build and deploy JAMstack applications with ease.
Alibaba Group Unified Form Solution.
Hooks for fetching, caching and updating asynchronous data in React
Build Accessible React Apps with Speed
A faster build system for the modern web.
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.