中⽂

’16 ’17 ’18 ’19 ’20 ’21 ’22 ’23 2024

2024 JavaScript Rising

Stars

Welcome to the 9th edition of JavaScript Rising Stars, your

guide to the top trends and projects shaping the JS ecosystem
in 2024.

The following graphs compare the number of stars added on GitHub over the
last 12 months. We analyzed projects coming from Best of JS, a curated list of
the best projects related to the web platform. Note that you can click on a
project to get more info.

Table of Contents

Most Popular Projects Overall

https://risingstars.js.org/2024/en#section-all 1/18/25, 6 02 PM
Page 1 of 34
:
 Most Popular Projects Overall

Front-end React Ecosystem

Frameworks

Vue Ecosystem Back-end/Full-

stack

Tooling Mobile

State Management AI

Styling / CSS in Component

JS Libraries

https://risingstars.js.org/2024/en#section-all 1/18/25, 6 02 PM
Page 2 of 34
:
 Testing Desktop

Static Sites GraphQL

Conclusion

Most Popular Projects

2024
Overall

Overall winner: shadcn/ui

shadcn/ui
1 Beautifully designed…
+38.0k did it again

As in 2023, shadcn-ui is the

hottest project of the year. It
found a perfect balance between
robust foundations (provided by
headless component libraries
such as radix) and customization
possibilities.

https://risingstars.js.org/2024/en#section-all 1/18/25, 6 02 PM
Page 3 of 34
:
 The idea of letting developers
Trends in 2024
own the code of their
7.3k components, instead of providing
components you have to
`import`, was really a game
changer.

A lot of features were added in

2024:
J F M A M J J A S O N D
Charts powered by the
library Recharts
By year
Themes to generate sets of
39.5k
CSS variables you can
customize in your codebase
Blocks: a collection of
layouts to address the needs
of typical web apps
New components such as a
N/A N/A N/A N/A N/A N/A N/A
responsive and extensible
'16 '17 '18 '19 '20 '21 '22 '23 '24
sidebar

GitHub data The new CLI is much more

powerful and flexible:
Created 2023-01
Total stars 77.5k `shadcn add` can now
install components, themes,
Links hooks, utils, dependencies,
etc.
GitHub shadcn-ui/ui It supports multiple
Homepage ui.shadcn.com frameworks: Next.js, Remix,
Best of JS bestofjs.org/projects/shadcnui Vite, Laravel, etc.
It can update your Tailwind
config instead of overriding
Excalidraw
2 Virtual whiteboard f…
+27.0k it
Support for monorepos

Another reason for its success is

https://risingstars.js.org/2024/en#section-all 1/18/25, 6 02 PM
Page 4 of 34
:
 the tight integration with the
AFFiNE
3 A next-gen knowled…
+19.6k service v0 that can generate
components built on top of
shadcn/ui.
Bruno
4 Opensource IDE For …
+18.7k It's also a great learning resource
to show how to create
n8n composable components that are
5 Fair-code workflow …
+17.0k easy to extend, as components
are right in your source folder.

htmx
6 Access AJAX, WebS…
+16.8k Number 2: Excalidraw

Excalidraw is an open-source
Tauri online tool designed for creating
7 Build smaller, faster, …
+15.9k
digital drawings and
visualizations with a distinctive
Supabase hand-drawn style that makes it
8 The open source Fire…
+14.5k the perfect tool to brainstorm
ideas or explain concepts and
workflows.
Flowise
9 Drag & drop UI to bui…
+14.5k
AI features include: Text to
Diagram, Mermaid to Excalidraw,
Payload and Wireframe to Code.
10 Open-source, fullsta…
+14.4k
Number 3: AFFiNE
React
11 The library for web a…
+14.2k AFFiNE is an open-source
knowledge base and project
management tool that combines
Magic UI
12 UI Library for Design…
+13.2k the capabilities of tools like
Notion (with documents made of
blocks) and Miro (infinite canvas
Next.js
13 The React Framework
+12.1k for drawing).

Being offline-first, it's a great tool

to build one's Personal

https://risingstars.js.org/2024/en#section-all 1/18/25, 6 02 PM
Page 5 of 34
:
 Knowledge Base.
Refine
14 A React Framework f…
+11.7k
Special mentions

Hono If you want to see what a browser

15 Web framework built…
+11.5k is capable of, check out:

PGlite: a Postgres database

react-scan
16 Scan for React perfor…
+11.4k using WebAssembly
WebVM: a virtual machine
running in the browser
VS Code
17 Visual Studio Code
+11.3k

bolt.new
18 Prompt, run, edit, and…
+11.1k

Zustand
19 Bear necessities for …
+10.8k

NocoDB
20 Open Source Airtabl…
+10.7k

Expo
21 An open-source fra…
+10.5k

Playwright
22 A framework for We…
+10.4k

Pragmatic drag
23 and drop +10.1k
Fast drag and drop fo…

PGlite
24 Lightweight WASM …
+10.0k

https://risingstars.js.org/2024/en#section-all 1/18/25, 6 02 PM
Page 6 of 34
:
 Astro
25 A website build tool f…
+9.8k

Mermaid
26 Generation of diagra…
+9.7k

Drizzle ORM
27 Headless TypeScript …
+9.6k

Tailwind CSS
28 A utility-first CSS fra…
+9.4k

Biome
29 A toolchain for web p…
+9.2k

Deno
30 A modern runtime for…
+9.2k

WebVM
31 Virtual Machine for t…
+8.8k

Bun
32 Incredibly fast JavaSc…
+8.6k

nvm
33 Node Version Manag…
+8.6k

tldraw
34 whiteboard SDK / infi…
+8.6k

Tabby
35 A terminal for a more…
+7.8k

https://risingstars.js.org/2024/en#section-all 1/18/25, 6 02 PM
Page 7 of 34
:
 Node.js
36 Node.js JavaScript ru…
+7.7k

Svelte Flow
37 A customizable Svelte…
+7.6k

React Flow
38 A customizable React…
+7.6k

Vite
39 Next generation front…
+7.6k

JSON Crack
40 Innovative and open-…
+7.5k

es-toolkit
41 A modern JavaScript …
+7.4k

next-saas-
42 starter +7.4k
Get started quickly wi…

Outline
43 The fastest knowledg…
+7.3k

Transformers.js
44 Run ML models in the…
+7.1k

Docusaurus
45 Easy to maintain ope…
+7.1k

Zod
46 TypeScript-first sche…
+7.0k

https://risingstars.js.org/2024/en#section-all 1/18/25, 6 02 PM
Page 8 of 34
:
 Swapy
47 A framework-agnosti…
+7.0k

Three.js
48 JavaScript 3D Library.
+7.0k

Nest
49 A progressive Node.js…
+6.8k

Plate
50 A rich-text editor po…
+6.7k

Front-end Frameworks 2024

At number two in 2023, htmx

htmx
1 Access AJAX, WebS…
+16.8k reached the top of the frontend
framework category in 2024.

React It can be considered an extension

2 The library for web a…
+14.2k
of the HTML language (hence its
name) and is often regarded as a
Svelte library rather than a framework.
3 web development for …
+6.1k However, the boundary is blurry.
Check out this article explaining
why htmx is another framework.
Vue.js
4 A progressive, increm…
+5.9k
It’s a great choice if you need to
enhance a static site with
Angular interactivity or if your
5 Deliver web apps wit…
+3.5k
application’s state is "server-
driven." By using only a

https://risingstars.js.org/2024/en#section-all 1/18/25, 6 02 PM
Page 9 of 34
:
 combination of HTML `hx-*`
Million
6 <1KB Virtual DOM Im…
+3.0k attributes, you can implement
features like data fetching
without writing a single line of
Alpine.js JavaScript.
7 A rugged, minimal fr…
+2.9k
Want to see it in action? This
Solid "Rising Stars" site is built with
8 A declarative, efficien…
+2.8k Astro, and htmx powers features
such as the lazy loading of extra
categories when you scroll down.
Lit
9 A simple library for b…
+2.2k
At 2, React keeps reinventing
itself, which is part of its success.
Vue.js 2 It took more than three years to
10 A progressive, increm…
+2.2k
release version 19, but it finally
launched in December after back-
Yew and-forth changes related to the
11 Rust / Wasm framew…
+1.9k Suspense Drama. Check out the
React 19 cheatsheet for more
details.
Leptos
12 Build fast web applica…
+1.9k
Among the new features, the
support of web components
Nue ("Custom Elements") is great
13 Standards first web fr…
+1.5k
news. Speaking of web
components, Ryan Carnato, the
Qwik creator of Solid (number 8) wrote
14 Instant-loading web a…
+1.5k
why Web Components Are Not
the Future, creating some
Preact controversy. An interesting
15 Fast 3kB React altern…
+1.4k response came from Lea Vera in
this post concluding we should
use "whatever tools we find most
productive".

At 3, Svelte also had a major

release with version 5. The

https://risingstars.js.org/2024/en#section-all 1/18/25, 6 02 PM
Page 10 of 34
:
 standout change is the
introduction of "runes," an
explicit mechanism for declaring
reactive state. It's worth
mentioning that Svelte has the
highest positive opinion in the
State of JS results.

React Ecosystem 2024

shadcn/ui
1 Beautifully designed…
+38.0k Guest
Writer:
Excalidraw Robin
2 Virtual whiteboard f…
+27.0k
Wieruch

Payload Freelance
3 Open-source, fullsta…
+14.4k
Full-Stack
Developer
Magic UI and
4 UI Library for Design…
+13.2k author of
The Road
to React
Next.js
5 The React Framework
+12.1k and The
Road to
Next.
Refine
6 A React Framework f…
+11.7k

2024 saw React paradoxically

react-scan become both more opinionated
7 Scan for React perfor…
+11.4k
and less opinionated.

https://risingstars.js.org/2024/en#section-all 1/18/25, 6 02 PM
Page 11 of 34
:
 On one hand, React has grown
Zustand
8 Bear necessities for …
+10.8k more opinionated with the
introduction of Server
Components and Server
Pragmatic drag Functions, steering developers
9 and drop +10.1k toward architectures that operate
Fast drag and drop fo… across the wire. On the other hand,
it has become less opinionated as
Bulletproof these new primitives are being
10 React +7.9k adopted and abstracted by several
A simple, scalable, an…
frameworks, each taking its own
approach.
React Flow
11 A customizable React…
+7.6k React is no longer just a library. It
is evolving into a specification for
frameworks, representing a
Docusaurus significant shift in the ecosystem
12 Easy to maintain ope…
+7.1k
toward a framework-first mindset.
However, it still allows developers
Plate to opt-out of this mindset and stay
13 A rich-text editor po…
+6.7k
closer to the client if they prefer.

During all this transformation,

Wasp
14 The fastest way to de…
+5.7k React remains committed to
refining its core. The ongoing
development of the React Compiler
Framer Motion
15 +5.7k focuses on improving both
Production-ready ani… performance and the developer
experience. With the release of
TanStack Query React 19, support for custom
16 Powerful asynchrono…
+5.5k
elements has been introduced,
along with new hooks and form
Vercel AI SDK actions that redefine how forms
17 Build AI-powered app…
+5.3k are managed in React.

I'm now excited by the possibilities

React 19 unlocks. React is
becoming a full-stack framework,

https://risingstars.js.org/2024/en#section-all 1/18/25, 6 02 PM
Page 12 of 34
:
 and it's fascinating to see how this
NextUI
18 Beautiful, fast and mo…
+4.9k will shape the future of web
development with all the players
in the React ecosystem.
Mantine
19 A fully featured React…
+4.5k

Remix
20 Build Better Websites.…
+4.5k

Vue Ecosystem 2024

Nuxt
1 The Intuitive Vue Fra…
+6.2k Guest
Writer
PrimeVue Daniel
2 Next Generation Vue …
+5.4k
Roe

Slidev Daniel
3 Presentation Slides fo…
+4.7k
leads the
Nuxt core
shadcn-vue team. He's
4 Vue port of shadcn-ui
+4.1k a full-time
open
source
VitePress
5 Vite & Vue powered st…
+3.7k contributor,
speaker,
and
consultant.

https://risingstars.js.org/2024/en#section-all 1/18/25, 6 02 PM
Page 13 of 34
:
 This year has been a good one in
Vue Element
the Vue ecosystem. Vue itself has
6 Admin +3.3k seen a much more active release
A magical vue admin cycle from the core team, with new
minors delivering regular
Element Plus performance improvements. For
7 A Vue.js 3 UI Library …
+2.7k
example, the the reactivity system
was reworked in v3.5, with another
VueUse change to use the new, lighter,
8 Collection of essentia…
+2.6k alien-signals approach already
landing in the main branch .
Radix Vue
9 Vue port of Radix UI P…
+2.2k One of the most marked signs of
the ecosystem's confidence can be
seen in its UI libraries. They are
Naive UI
10 A Vue 3 Component Li…
+2.1k flourishing. Of course, part of
what's enabling this is Tailwind
CSS. Its convention-based approach
to writing CSS and cross-
framework capability means that
UI libraries like shadcn-vue or
Radix Vue (soon to be Reka UI )
could be straightforwardly ported
from their React equivalents.
Equally, Vue-native libraries like
Element Plus and Naive UI
continue to thrive, with dedicated
user bases and consistent growth.

However, the best result of all UI

libraries has come from PrimeVue ,
which can integrate with Tailwind
CSS but doesn't require it. PrimeVue
made it into the 2nd place spot
with a whopping 5.4k stars. They
have seen sustained development
this year, and have ambitions in the

https://risingstars.js.org/2024/en#section-all 1/18/25, 6 02 PM
Page 14 of 34
:
 React and Angular ecosystems as
well - good news for the
Primefaces ecosystem as a whole.

We also see a number of

frameworks like Nuxt, Slidev,
VitePress and Vue Element Admin
which are doing very well indeed.

Slidev offers an incredible,

interactive experience for
developing slides, with significant
improvements rolled out this year
including Twoslash improvements
and Magic Move support.

VitePress continues to be a case-

study in generating static sites built
with Vue, and offers rock-solid
performance and a great developer
experience. It remains the go-to for
documentation websites in the Vue
ecosystem and beyond, but can be
used much more broadly.

Nuxt tops the list. As the most used

meta-framework in the Vue space,
a big part of this year's work has
been solidifying the changes made
in Nuxt 3, and preparations for a
smooth transition to the next Nuxt
major in v4. But we've also seen the
release of new core modules like
Nuxt Fonts (zero config optimised
web fonts) and Nuxt Scripts
(performant third-party script
loading), and development on nuxt-
auth-utils, which is being

https://risingstars.js.org/2024/en#section-all 1/18/25, 6 02 PM
Page 15 of 34
:
 developed into a core Nuxt auth
solution.

For all of the libraries we see on the

list, developer experience remains
a top priority and the next year
promises some pretty exciting
things for Vue developers, like
Vapor mode (at last), stabilised
Suspense in Vue 3.6, a next Nuxt
major release - and more.

Back-end/Full-stack 2024

At number one, Payload is a

Payload
1 Open-source, fullsta…
+14.4k versatile open-source CMS that
installs directly into any Next.js
app. The tight integration with
Next.js the Next.js App Router makes it
2 The React Framework
+12.1k
easy to set up an admin panel
directly inside an existing app,
Hono without having to create a new
3 Web framework built…
+11.5k
app for admin users.

Originally made for MongoDB, it

Astro
4 A website build tool f…
+9.8k now supports Postgres and
SQLite thanks to Drizzle ORM
integration under the hood. It
Nest
5 A progressive Node.js…
+6.8k provides its own ORM used to set
up the data structure and access-
control rules at a higher level, and
it includes powerful features
such as bulk upload of media

https://risingstars.js.org/2024/en#section-all 1/18/25, 6 02 PM
Page 16 of 34
:
 files. Check the announcement
Strapi
6 The leading open-sou…
+6.3k about Payload 3 for more details.

At two, Next.js remains the most

Nuxt popular full-stack framework.
7 The Intuitive Vue Fra…
+6.2k The version 15 release supports
React 19 and brings performance
Wasp improvements, leveraging the
8 The fastest way to de…
+5.7k new Cache API, as well as
enhanced developer experience
(DX) thanks to the full adoption of
tRPC
9 Move Fast and Break …
+4.8k Turbopack as the build tool.

The newcomer in the category is

Remix the web server Hono, taking the
10 Build Better Websites.…
+4.5k
third spot. It can be seen as a
modern replacement for Express
Directus (ranked 13th despite being 15
11 A real-time API and A…
+4.4k years old!) and is capable of
running in multiple JavaScript
runtimes: Node.js, of course, but
create-t3-app
12 The best way to start …
+4.2k also Deno, Bun, and serverless
environments like Lambda or
Cloudflare Workers. It stands out
Express
13 Fast, unopinionated, …
+3.4k for its incredibly small footprint.
Read the story from its creator.

Fastify At four, Astro has become a

14 Fast and low overhea…
+3.2k
versatile solution for building
content-heavy applications. The
Nitro version 5 release introduced a
15 Next Generation Serv…
+2.8k new Content Layer, enabling
type-safe data fetching from any
source—whether it’s from the file
system or external APIs.

I’ve used Astro to build this site,

and I’m impressed by the DX (the

https://risingstars.js.org/2024/en#section-all 1/18/25, 6 02 PM
Page 17 of 34
:
 CLI that calls you an astronaut is
so cute!) and the exceptional web
performance it delivers.

Tooling 2024

Biome
1 A toolchain for web p…
+9.2k Guest
Writer:
Bun Sébastien
2 Incredibly fast JavaSc…
+8.6k
Lorber

Vite Sébastien
3 Next generation front…
+7.6k
runs This
Week in
Oxc React,
4 A collection of JavaSc…
+6.5k keeping 45k+
React devs up
to date.
Rspack
5 The fast Rust-based …
+4.0k
He’s also the
lead
Rolldown maintainer of
6 Fast Rust bundler for …
+3.9k
Docusaurus,
working for
Farm Meta Open
7 Extremely fast Vite-c…
+3.5k Source

Nx
8 Build system, optimiz…
+3.5k 2024 is another great year for JS
tooling, with ongoing work to
innovate and improve performance.

https://risingstars.js.org/2024/en#section-all 1/18/25, 6 02 PM
Page 18 of 34
:
 Many projects have matured and
Turborepo
9 Build system optimiz…
+2.9k gained momentum, while other super
exciting projects are still being
developed.
swc
10 A super-fast compiler…
+2.2k Vite has been the big winner again
this year, renewing for the second
time its State of JS awards as the
most adopted and loved technology.
It's rare to have both high usage and
retention, let alone maintain it. We
are eagerly waiting to see how the
new void(0) company will impact the
Vite ecosystem next year!

It’s worth mentioning that the most

successful tools are making
themselves easy to adopt:

Rspack is an almost drop-in

alternative to webpack that
started to gain traction,
successfully adopted by
Docusaurus and Nuxt. It should
explode in 2025, given its ease of
adoption and the number of
existing webpack projects that
could build faster.
Bun is an all-in-one JS
toolchain, also designed to
facilitate adoption thanks to its
compatibility with Node.js, npm,
or Jest. It continued its ongoing
compatibility work in 2024,
notably shipping Windows
support and text-based lockfile.
Rolldown is a fast bundler with
a Rollup-compatible API and

https://risingstars.js.org/2024/en#section-all 1/18/25, 6 02 PM
Page 19 of 34
:
 esbuild feature parity. It’s still in
active development but
progressing fast and recently
published the first v1.0 beta. One
of the most eagerly awaited
projects, set to power Vite in
2025.
Turbopack is an incremental
bundler that initially focuses on
being an implementation detail
of Next.js, that you can turn on
with a simple CLI `--turbo`
flag. Turbopack Dev is
considered stable, and
Turbopack Prod is being actively
worked on. A standalone
version of Turbopack is planned
in the future.
Biome, a faster alternative to
Prettier (with 97%+
compatibility) and ESLint, has
been widely and positively
adopted by the community.

On the TypeScript side, it’s also worth

mentioning:

TypeScript 5.5 shipped Isolated

Declarations, unlocking
improved build parallelization
Node.js now supports
TypeScript by default and can
run `.ts` files directly. It’s
coming in the very next v23.6
release and should be
backported in v22. Both Bun and
Deno already had support.

https://risingstars.js.org/2024/en#section-all 1/18/25, 6 02 PM
Page 20 of 34
:
 Mobile 2024

Expo
1 An open-source fra…
+10.5k Guest
Writer:
React Native Evan
2 A framework for buil…
+6.4k
Bacon

React Native Lead of

3 Reusables +4.0k Developer
Universal shadcn/ui f… Tools at
Expo.
Native iOS
React Strict DOM
4 A subset of React DO…
+3.2k and
Android
developer.
Tamagui
5 Universal UI kit and s…
+3.0k Author of
Config
Plugins
NativeWind
6 React Native utility-fir…
+2.1k and Expo
CLI.

Capacitor
7 Build cross-platform …
+2.0k In 2024, React Native continues to
dominate the mobile app space,
gluestack-ui maintaining its status as the most
8 React & React Native …
+1.9k popular framework for building
cross-platform applications. Expo,
for the second consecutive year,
Ignite
9 Battle-tested React Na…
+1.8k remains the top-ranked project,
growing substantially since 2023.

https://risingstars.js.org/2024/en#section-all 1/18/25, 6 02 PM
Page 21 of 34
:
 One of the biggest trends this year
React Native
is the growing emphasis on
10 Bottom Sheet +1.7k web/universal support in React
A performant interact… Native. Expo Router has made
substantial progress in bridging
the web-native gap, introducing
Expo DOM components ('use dom')
to enable incremental migration
between React web and universal
React. This can also be observed in
Meta's shift away from React
Native for Web towards the more
web-focused React Strict DOM and
Stylex which they're using
internally. Further the majority of
the top trending projects are
focused on web/native unification.

Styling is still a key focus in the

ecosystem. This can especially be
observed with Yoga v3 (React
Native styling engine) which has
brought a number of
enhancements to built-in React
Native styles, primarily driven by
Meta's work on first-party apps
like Instagram and Facebook for
Quest (built with React Android).
Meanwhile, community-driven
solutions continue to thrive, with
multiple approaches and opinions
all generally bringing the best
parts of the web over to native.

Looking ahead, I expect AI to play

an even larger role in native
development tooling and

https://risingstars.js.org/2024/en#section-all 1/18/25, 6 02 PM
Page 22 of 34
:
 application experiences. Expo
Router's early preview of universal
React Server Components will
likely inspire new composable
server libraries to emerge.
Additionally, native UIs will likely
evolve even further, with more
bindings into SwiftUI and Jetpack
Compose, overall widening the 'pit
of success'.

I also predict that the native

community will grow even larger
with the introduction of Expo DOM
components and continued
improvements to single-command
app deployment tools like (EAS
Build), making it a much more
familiar and exciting space for all
developers.

2025 will definitely be an exciting

year!

State Management 2024

Zustand
1 Bear necessities for …
+10.8k Guest
Writer:
Jotai Jack
2 Primitive and flexible …
+3.1k
Herrington

https://risingstars.js.org/2024/en#section-all 1/18/25, 6 02 PM
Page 23 of 34
:
 Blue Collar
XState
3 Actor-based state ma…
+2.1k Coder on
YouTube

Pinia
4 Intuitive, type safe, lig…
+1.6k
Zustand continues its meteoric rise as
the go-to state management library for
Nano stores React, as well as React Native and
5 A tiny (286 bytes) stat…
+1.4k beyond. Zustand is the "bare bones"
state management library and it's clear
that folks are thirsty for that.
TinyBase
6 The reactive data stor…
+1.4k
If we look at the results by the style of
state management some interesting
Valtio patterns emerge. Zustand, Pinia and
7 Valtio makes proxy-st…
+1.3k
Redux, and Boardgame are
unidirectional and you define your
Boardgame state and the actions that change it.
8 State Management an…
+1.1k
With Jotai, Nano stores, and Legend-
State you define your state as atoms
Legend-State and create computed atoms that
9 A super fast and powe…
+945 depend on other atoms. Valtio is a bi-
directional state management library.
And X-State is a state machine library.
Redux
10 A JS library for predict…
+797
A conclusion we can draw from these
results is that formal Redux style state
management (though not the Redux
library itself) continues to be the most
popular style of state management.
While the atomic model is making
great strides as well (Recoil, the
original atomic library, is just off this
top ten).

XState cannot be overlooked though.

When it comes to complex
applications, state machines are a

https://risingstars.js.org/2024/en#section-all 1/18/25, 6 02 PM
Page 24 of 34
:
 fantastic choice because they model
your application into a strict series of
states and transitions between states.
If you haven't tried it yet the
interactive editor and simulator for X-
State is a must see.

Boardgame and TinyBase are very

interesting additions on the top ten.
Boardgame is specifically geared
towards building games. And Tinybase
is geared round local first data storage
and syncing that data with backend
services. Both of these libraries are
highly verticalized, which could
indicate a trend. Problems like syncing
local first data with backend services
is a complex problem, so having
libraries (like Tinybase and Legend
State) that focus specifically on that is
a good thing.

One thing I don't see on this list is

signals. I'm not sure if that's because
folks are waiting on the TC39 proposal
to be finalized and widely adopted, or
because it's baked into frameworks
like Solid, Svelte, and Qwik. Signals
might not have made the top ten, but
they are still an outstanding way to
model state efficiently.

The next few years are lining up to be

an exciting time in state management
for React, Vue, JavaScript and beyond.

https://risingstars.js.org/2024/en#section-all 1/18/25, 6 02 PM
Page 25 of 34
:
 AI

AI and Large Language Models

n8n
1 Fair-code workflow …
+17.0k (LLMs) are significantly
transforming how developers
work, revolutionizing both
Flowise frontend and backend
2 Drag & drop UI to bui…
+14.5k
development.

bolt.new Number one this year, n8n is a

3 Prompt, run, edit, and…
+11.1k no-code automation platform
that has been around for a while
but saw a surge in popularity due
Transformers.js
4 Run ML models in the…
+7.1k to its AI capabilities, enabling
developers to build AI features
with models running locally. It’s
Vercel AI SDK
5 Build AI-powered app…
+5.3k part of a starter kit that quickly
sets up a local AI environment
with Docker.
LangChain.js
6 Building applications …
+3.6k At two, Flowise is another
automation tool, built on top of
LangChain, that specializes in
Tesseract.js
7 Pure Javascript OCR f…
+3.3k creating workflows with local
LLMs. Building workflows is as
simple as picking one of the
Micro Agent
8 An AI agent that write…
+3.1k available building blocks and
connecting inputs and outputs
through the UI.
Stagehand
9 An AI web browsing f…
+2.8k
At three, bolt.new is an amazing
tool that can build full-stack
applications using any
framework (Next.js, Remix, Astro,

https://risingstars.js.org/2024/en#section-all 1/18/25, 6 02 PM
Page 26 of 34
:
 Nuxt, etc.) and deploy them
Ant Design X
10 Craft AI-driven interf…
+2.0k (using Supabase) in record time,
all from a single prompt.

At four, Transformers.js is a
JavaScript library that brings
state-of-the-art natural language
processing (NLP) models, like
those from Hugging Face, directly
to the browser and Node.js. It
enables developers to run AI
models locally without relying on
cloud APIs, making NLP tasks
faster, more private, and
accessible. Check how to detect
sentiment and objects in images
in this introduction.

At five, Vercel AI SDK is a great

tool for integrating AI agents into
web applications. The SDK
provides an abstraction that lets
you connect to any LLM. It works
seamlessly with Next.js
applications, allowing developers
to create exceptional user
experiences by leveraging
features like streaming. While it
doesn’t have LangChain’s
flexibility in terms of agent
orchestration, it’s often
considered the best choice for
LLM interaction in the TypeScript
ecosystem.

https://risingstars.js.org/2024/en#section-all 1/18/25, 6 02 PM
Page 27 of 34
:
 Styling / CSS in JS 2024

Tailwind CSS
1 A utility-first CSS framework for rapid UI development.
+9.4k

DaisyUI
2 Component classes to Tailwind CSS
+6.6k

Bootstrap
3 The most popular HTML, CSS, and JavaScript framework for deve…
+4.8k

Pico.css
4 Minimal CSS Framework for semantic HTML
+3.1k

Tamagui
5 Universal UI kit and style system for React Native + Web - with a…
+3.0k

SHOW MORE

Component Libraries

shadcn/ui
1 Beautifully designed components that you can copy and paste i…
+38.0k

https://risingstars.js.org/2024/en#section-all 1/18/25, 6 02 PM
Page 28 of 34
:
 Magic UI
2 UI Library for Design Engineers. Animated components and effe…
+13.2k

PrimeVue
3 Next Generation Vue UI Component Library
+5.4k

NextUI
4 Beautiful, fast and modern React UI library.
+4.9k

Mantine
5 A fully featured React components library
+4.5k

SHOW MORE

Testing 2024

Playwright
1 A framework for Web Testing and Automation. It allows testing …
+10.4k

Puppeteer
2 JavaScript API for Chrome and Firefox
+3.8k

Storybook
3 A frontend workshop for building UI components and pages in is…
+3.7k

Micro Agent
4 An AI agent that writes (actually useful) code for you
+3.1k

https://risingstars.js.org/2024/en#section-all 1/18/25, 6 02 PM
Page 29 of 34
:
 Stagehand
5 An AI web browsing framework focused on simplicity and exten…
+2.8k

SHOW MORE

https://risingstars.js.org/2024/en#section-all 1/18/25, 6 02 PM
Page 30 of 34
:
 https://risingstars.js.org/2024/en#section-all 1/18/25, 6 02 PM
Page 31 of 34
:
 Conclusion
2024 was full of exciting releases:

JSR: a new package registry from the Deno team that supports
TypeScript natively.
Deno v2: an important milestone for the JS runtime, focused on using
Deno at scale, including interoperability with legacy JS infrastructure,

https://risingstars.js.org/2024/en#section-all 1/18/25, 6 02 PM
Page 32 of 34
:
 the ability to import any NPM package, and a stable Standard Library.
Deno is also a package manager with its own caching mechanism to
provide lightning-fast installs.
Bun v1.1 now supports Windows.
TanStack Start: it started as a boilerplate built around TanStack router
and morphed into a server-bound framework all of its own!
Tauri v2 comes with a better developer experience (DX), a new plugin
system, and mobile support.
Astro 5: the web framework for building content-driven websites,
praised for its amazing DX. It introduces a new content layer to fetch
content from any source in a flexible and type-safe way.
The new company VoidZero, dedicated to a high-performance and
unified dev toolchain for the JS ecosystem.
Vite 6 with the new Environment API that opens new possibilities to
expand beyond the browser.
TailwindCSS 4 provides CSS-first configuration and better performance.
React Router v7 brings back to the library features and improvements
coming from Remix. The merger between projects is made clear by the
docs that mention two ways to start, using either the library or the full
framework.

One of the biggest news items came at the very end of the year: Node.js 23
supports TypeScript without the need for an experimental flag.

However, the most significant changes are not related to the libraries or
frameworks we use to write code. Instead, they revolve around the incredible
tools powered by AI. IDEs like Cursor and services such as bolt.new, Lovable,
Replit, and v0.dev can generate and even deploy full-stack applications with
just a few prompts. If you can say it, you can build it! In 2025, competition in
this field will skyrocket, and developers will need to adapt to leverage these
powerful tools to their fullest potential.

https://risingstars.js.org/2024/en#section-all 1/18/25, 6 02 PM
Page 33 of 34
:
 Built by

Michael Rambeau
Creator of Best of JS

Available Translations

中⽂

Best of JS is a project by Michael Rambeau, made in Osaka, Japan.

Powered by

https://risingstars.js.org/2024/en#section-all 1/18/25, 6 02 PM
Page 34 of 34
: