One stack, from the React page to the WebSocket.
Rasengan.js pairs a modern React meta-framework with Futon and Rasengan Server. One ecosystem covering every layer of your stack, from rendering to WebSockets.
Pick a layer
Same conventions at every level
A page is a file, a route is a function, a feature is a module. Browse a real starter project for each layer.
import { PageComponent } from 'rasengan';
const Home: PageComponent = () => {
return <h1>Welcome to Rasengan.js</h1>;
};
Home.metadata = {
title: 'Home',
};
export default Home;import { PageComponent } from 'rasengan';
const Home: PageComponent = () => {
return <h1>Welcome to Rasengan.js</h1>;
};
Home.metadata = {
title: 'Home',
};
export default Home;Runs anywhere
One runtime under both frameworks
Futon powers Rasengan and Rasengan Server, and runs unmodified on Node.js, Bun and Workerd. Hover any part of the board to trace its connections.
The original JavaScript runtime, battle-tested, with the broadest ecosystem and deployment support anywhere.
An all-in-one toolkit built for speed, fast cold starts, a native bundler, and near drop-in node compatibility.
Cloudflare's Workers runtime for the edge, deploy Futon apps close to your users, in hundreds of locations worldwide.
Ecosystem
21 packages, one registry
Every package is versioned in the same monorepo and usable on its own. Add what you need, when you need it.
- rasenganfrontendFull-stack React framework: SSR, SSG, SPA, file and config routingstable
- @rasenganjs/futonruntimeFetch-native HTTP runtime with Koa-style middlewarestable
- @rasenganjs/serverbackendModules, controllers, providers and scoped DIstable
- @rasenganjs/mdxfrontendMDX pages, table of contents and code blocksstable
- @rasenganjs/i18nfrontendLocale-aware routing and translationsstable
- @rasenganjs/kuramafrontendLightweight state management, Zustand-inspiredstable
- @rasenganjs/imagefrontendLazy images with blur and wave placeholdersstable
- @rasenganjs/themefrontendLight, dark and system theme managementstable
- @rasenganjs/kage-demofrontendInteractive feature tours and onboardingstable
- @rasenganjs/iofrontendReal-time client for WebSocket gatewaysbeta
- @rasenganjs/wsbackendWebSocket gateways with rooms and broadcastingbeta
- @rasenganjs/queuebackendBackground jobs with retries and dead-letterbeta
- @rasenganjs/drizzlebackendDrizzle ORM integration for Rasengan Serverbeta
- @rasenganjs/validatorsbackendSchema validation middleware, Zod adapter includedbeta
- create-rasengantoolingProject scaffolding CLIstable
- @rasenganjs/shurikentoolingClone Rasengan Hub templates from the command linestable
- @rasenganjs/servetoolingProduction server for built appsstable
- @rasenganjs/verceltoolingVercel adapter, Build Output API v3stable
- @rasenganjs/netlifytoolingNetlify adapterstable
- @rasenganjs/cloudflaretoolingCloudflare Workers adapterbeta
- @rasenganjs/sitemaptoolingSitemap generation at build timebeta
Tooling
From empty folder to production
One command, the app you need.
Scaffold a full-stack React app with Rasengan, or a standalone backend with Rasengan Server. Futon comes built in with both.