Angular is a TypeScript-based platform for building web applications, with a CLI, routing, forms, SSR and Material components.
web-infra-dev/modern.js
A progressive React web framework built on Rsbuild, covering routing, data loading, SSR and state management for React apps.
- Stars
- 5,049
- Forks
- 425
- Open issues
- 55
- Last commit
- 6 hours ago
What is it?
Modern.js is a progressive web framework based on React. It bundles the configuration and tooling a React application typically needs, so developers can start with plain React for the UI and adopt framework features such as routing, data fetching and state management incrementally.
The project is built on Rsbuild, an Rspack-based build tool, and is part of the web-infra-dev ecosystem that also includes Rspack, Rspress and Rslib. Its topics cover SSR, build tooling and boilerplates, and the project notes it has been used at ByteDance to build upper-level frameworks.
Modern.js is written in TypeScript and released under the MIT license.
Key features
- 01Built-in routing, data loading and state management for React apps.
- 02Built on Rsbuild and Rspack for bundling.
- 03Supports server-side rendering (SSR).
- 04Adopt features incrementally on top of plain React.
- 05Includes project boilerplates and a plugin system.
Use cases
- Building a new React web application that needs routing and SSR out of the box.
- Migrating an existing React project toward a fuller framework without a full rewrite.
- Teams wanting a shared, pre-configured React stack with a fast Rspack-based build.
Quick start
- 1
Read the Quick Start guide on the official site
In collections
Topics
FAQ
- What is modern.js?
- A progressive React web framework built on Rsbuild, covering routing, data loading, SSR and state management for React apps. Modern.js is a progressive web framework based on React. It bundles the configuration and tooling a React application typically needs, so developers can start with plain React for the UI and adopt framework features such as routing, data fetching and state management incrementally.
- Is modern.js free to use? What license does it have?
- modern.js is open source under the MIT license. Check the license terms before using it in commercial products.
- Is modern.js still maintained?
- Actively maintained. The last commit to modern.js was on Nov 7, 2026.
- What can I use modern.js for?
- Building a new React web application that needs routing and SSR out of the box. Migrating an existing React project toward a fuller framework without a full rewrite. Teams wanting a shared, pre-configured React stack with a fast Rspack-based build.
- How do I install modern.js?
- Read the Quick Start guide on the official site
- Where can I get modern.js?
- The source code and installation instructions are on GitHub: https://github.com/web-infra-dev/modern.js
Summary generated by AI from the project's README. GitHub stats refresh daily.
Related projects
A build analyzer for Rspack that visualizes compilation timing, output assets, and module dependencies to find build bottlenecks.
A config-overrides helper that lets you customize Create React App's webpack, Jest and dev server settings without ejecting.
ice.js is a React-based application framework with file-system routing, SSG/SSR support, and a plugin system for web, mini-program, and Weex targets.
A React-based framework for building fast websites and apps, pulling data from CMSs, Markdown and APIs through GraphQL.
A React Server Components framework with a Rust runtime (HTTP server, RSC renderer, router, embedded V8) as an alternative to Node-based React frameworks.