A progressive React web framework built on Rsbuild, covering routing, data loading, SSR and state management for React apps.
alibaba/ice
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.
- Stars
- 18,602
- Forks
- 2,101
- Open issues
- 395
- Last commit
- 7 months ago
What is it?
ice.js is a framework for building React applications that aims to work out of the box. It includes built-in support for ES6+, TypeScript, Less, Sass, and CSS Modules without requiring manual configuration, along with file-system routing, state management, and data request utilities.
The framework can pre-render pages at build time (SSG) or at request time (SSR), and it offers a plugin system that lets the community publish reusable solutions. It also targets multiple platforms, including the web, mini-programs, and Weex.
A new project can be created with the create-ice initializer using a provided scaffold template, then started on a local dev server.
Key features
- 01Zero-config support for ES6+, TypeScript, Less, Sass, and CSS Modules
- 02File-system routing and built-in state management and request utilities
- 03Build-time static generation (SSG) and request-time server rendering (SSR)
- 04Plugin system for reusable community extensions
- 05Targets web, mini-programs, and Weex
Use cases
- Building React single-page or multi-page web applications
- Server-rendered React sites that need SSR or SSG
- Teams producing both web and mini-program front ends from React code
Quick start
- 1
Create a new ice.js app with create-ice
npm init ice ice-app --template @ice/lite-scaffold - 2
Enter the project directory
cd ice-app - 3
Install dependencies
npm install - 4
Start the local dev server (runs on http://localhost:3000)
npm run start
In collections
Topics
FAQ
- What is ice?
- 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. ice.js is a framework for building React applications that aims to work out of the box. It includes built-in support for ES6+, TypeScript, Less, Sass, and CSS Modules without requiring manual configuration, along with file-system routing, state management, and data request utilities.
- Is ice free to use? What license does it have?
- ice is open source under the MIT license. Check the license terms before using it in commercial products.
- Is ice still maintained?
- No commits for 6+ months. The last commit to ice was on Apr 2, 2026.
- What can I use ice for?
- Building React single-page or multi-page web applications Server-rendered React sites that need SSR or SSG Teams producing both web and mini-program front ends from React code
- How do I install ice?
- Create a new ice.js app with create-ice: npm init ice ice-app --template @ice/lite-scaffold Enter the project directory: cd ice-app Install dependencies: npm install Start the local dev server (runs on http://localhost:3000): npm run start
- Where can I get ice?
- The source code and installation instructions are on GitHub: https://github.com/alibaba/ice
Summary generated by AI from the project's README. GitHub stats refresh daily.
Related projects
A framework for building full-stack web apps with Svelte, covering routing, server rendering and deployment adapters for many hosting platforms.
Nuxt is an open-source framework for building full-stack, production-grade web applications and websites with Vue.js.
An open multi-platform, multi-framework solution for building one app that runs on WeChat/Alipay/other mini programs, H5 web, and React Native using React or Vue.
A PHP web application framework with expressive syntax, covering routing, dependency injection, migrations, queues and broadcasting.
Fast, expressive CSS-in-JS styling for React, with scoped styles that work in server components, SSR and React Native.