JORVEL

Showcase

Runnable starters that ship in the repo. Open any of them in a browser sandbox — StackBlitz, CodeSandbox, or GitHub Codespaces — or grab the one-line clone-&-run command.

React · TypeScript

examples/01-react-ts

React host + remote in TypeScript — the canonical two-tier federation setup. Real .tsx source.

reacttypescriptfederation

React · JavaScript

examples/02-react-js

The same host + remote in JavaScript — .jsx/.js + jsconfig, no TypeScript.

reactjavascript

React + Vue

examples/03-vue

A React host embedding a real Vue 3 SFC remote via the framework-neutral mount contract.

vuefederationmount

Polyglot

examples/04-polyglot

One React host + React, Vue, Angular, Solid, and Svelte remotes — five frameworks, one app, all Tailwind.

vueangularsvelte

Tailwind CSS

examples/05-tailwind

React host + remote with Tailwind wired end to end — PostCSS through rspack, not a CDN.

tailwindpostcss

shadcn/ui

examples/06-shadcn

A Tailwind-wired React remote ready for shadcn/ui — scaffold, then npx shadcn add.

shadcnuitailwind

Running locally

Each card's Clone & run copies a one-liner. The gist for the SSG/SSR examples:

git clone https://github.com/Ravikisha/JorvelJS
cd JorvelJS && pnpm install
cd examples/02-react
pnpm build             # renders dist-ssg/
pnpm start             # serve the static output

The 03-polyglot example runs live cross-framework federation instead: cd examples/03-polyglot && pnpm scaffold && jorvel dev(React host on :3000 mounts React, Vue & Angular remotes).

Submit your app

Shipping something on JORVEL? Open a Discussionwith a screenshot + link and we'll feature it here.

Browser sandboxes

StackBlitz & CodeSandbox boot the repo in-browser (no install). Codespaces spins up a full cloud dev container. All three open the exact examples/<name> folder.