Star History Open Source Best of 2022 | Front-end
LogoBlogAdd Access Token

Star History Open Source Best of 2022 | Front-end

Mila 4 min read

As a proper goodbye to 2022, Star History looks at some of the most interesting open-source projects in the year that passed. Some projects came out of nowhere and made a big bang; some released new versions, while some renovated their websites.

In today’s post, we are covering front-end projects.

*Note: The following ranking is in alphabetical order.

Bun

https://github.com/oven-sh/bun

bun

Bun is a JavaScript runtime that came out of nowhere in the middle of this year and claims to perform better than Node and Deno.

bun tweet

People can’t help but analyze how Bun can be this fast. The conclusion mostly boiled down to:

  • Bun is still an early-stage project (there are still many issues, and features to consume the performance advantage 😂)
  • Bun is very purposeful, with optimizations designed for specific scenarios.

Half a year later, we wonder, is Bun faster?

Fresh

https://github.com/denoland/fresh

fresh

Fresh is a full-stack web framework based on Deno, designed to improve the developer experience by eliminating build steps and reducing the amount of JavaScript shipped to the client. Fresh 1.0 was announced at the end of June and has gained much attention.

Fresh is authored by Luca Casonato, one of the core developers of Deno, who says that client-side rendering is costly, slows down the user experience, drastically increases power consumption on mobile devices, and is often not very robust. Fresh uses a different model: the majority of rendering is done on a server, and the client is only responsible for re-rendering small islands of interactivity.

Remix

https://github.com/remix-run/remix

remix

Remix, a full-stack web framework based on TypeScript and React, was officially released in late 2021 and has gained a lot of attention since then. The team behind it, Michael Jackson and Ryan Florence, are both React veterans.

remix-spin

The use of the slogan “Say goodbye to Spinnageddon” on their official website is genuinely awe-inspiring. 👋

remix-spin

Markdoc

https://github.com/markdoc/markdoc

markdoc

Online payment platform Stripe open-sourced their docs framework, Markdoc, earlier this year. Markdoc is a powerful, flexible, Markdown-based content creation system that allows users to create custom docs sites.

markdoc-demo

The Stripe docs site is supported by Markdoc, which is the most straightforward (and free) use case, right? You can make just as complex and beautiful docs!

Next.js

https://github.com/vercel/next.js

nextjs

Next.js is a lightweight React server-side rendering application framework that has officially surpassed Kubernetes in GitHub stars this year.

nextjs-k8s

I’m sure no one can resist generating a ticket of their own to this year's Next.js Conf. 😍 Next.js 13 was also announced at the conference.

nextjs-conf

SolidJS

https://github.com/solidjs/solid

solidjs

Solid.js won the Breakthrough of the year award at JS Nation 2022. It is a JavaScript library for building user interfaces, and the official “Why Solid?” mentions that they are very proud of their:

  • indistinguishable performance (second only to native JS). solidjs-performance
  • full-featured with everything you can expect from a modern framework.
  • simple, composable primitives without hidden rules and gotchas.
  • growing ecosystem.

Tailwind CSS

https://github.com/tailwindlabs/tailwindcss

tailwind

Tailwind CSS is a CSS framework toolset. Whether it's colors or spacing, proportions, or fonts, Tailwind comes with defaults that are ready to use out of the box, but they can also be customized.

tailwind-colors

Tauri

https://github.com/tauri-apps/tauri

tauri

Tauri is a desktop application development framework, that released Tauri 1.0 this year. Because of its similarity to Electron, yet it solves the former’s pain points: large, high resource consumption, plus the fact that Tauri is written using Rust, it is easy to imagine why the attention.

Turbopack

https://github.com/vercel/turbo

turbo

Turbopack was announced at Next.js Conf 22 by Vercel. It is an incremental packaging tool optimized for JavaScript and TypeScript, and claims to be 700 times faster than Webpack.

Since there weren’t any Rust-based JavaScript packaging tools and after evaluating the available packaging tools, Vercel decided to get Tobias Koppers, author of Webpack, and the Next.js team to write one together.

turbopack-performance

Vite

https://github.com/vitejs/vite

vite

Vite is a front-end development and building tool by Evan You. Vite 3 was announced in 2022, and the main site uses the new VitePress default theme.

vite-new

Their previous site is pretty. The new site is fire.

vite-old

That’s it for the top front-end projects. Stay tuned for the next round-up, where we will be looking at data & infrastructure tools that shone bright in 2022. DM us @StarHistoryHQ if you have any good project suggestions! 🤓


This is part of Star History Open Source 2022 series, you can continue with:

  1. Open Source Best of 2022 - Data, Infra & DevTools
  2. Open Source Best of 2022 - Platform Engineering
  3. Open Source Best of 2022 - Open-Source Alternatives