mboudriga/rocket: Production-grade React monorepo with a robust component library and 8 app starters for web, mobile, desktop, and browser extensions

Production-grade React monorepo with a robust component library and 8 app starters for web, mobile, desktop, and browser extensions - mboudriga/rocket

Summary

Rocket is a TypeScript React monorepo that ships a 78-component design system called Rocket UI alongside eight app starters for web, mobile, desktop, and browser extensions. It bundles the build, lint, test, and commit tooling so engineers can clone the repo and start building instead of configuring. The project is MIT-licensed and uses pnpm workspaces with Turborepo 2 for orchestration.

What it is useful for

The repo is most useful for teams that need to ship a React application to multiple targets from one codebase. The eight starters cover the main platform categories: Vite 8 plus TanStack Router 1 for SPAs, TanStack Start and Next.js 16 (both App Router and Pages Router) for SSR, Capacitor 8 for iOS and Android, Tauri 2 for desktop on Windows, macOS, and Linux, and WXT for Chrome, Firefox, and Edge browser extensions. Each starter imports the same Rocket UI library, so design and theming stay consistent across platforms. The README states WCAG AA accessibility is baked into the theme.

The design system itself saves work for engineers building forms and dialogs. Components use a flat props API rather than nested sub-components. The README's example shows a Dialog taking title, buttons, and open as plain props, and form inputs like Input include built-in label, hint, error, required, and invalid props through an integrated FieldWrapper, removing the need to wrap every input in a separate Field component. The system uses semantic color tokens like fg, bg.surface, and colorPalette.solid that switch between light and dark mode automatically, and custom breakpoints named mobile, tablet, and desktop.

How engineers can use it

Setup is documented in the README. Prerequisites are Node.js 24+ and pnpm 10+. The documented commands are:

git clone https://github.com/mboudriga/rocket.git
cd rocket
pnpm install
pnpm turbo dev --filter=@rocket/ui

The last command starts Storybook 10 to explore the component library. To add a new app, copy and rename a starter from apps/, update the name field in its package.json, run pnpm install, then start it with pnpm turbo dev --filter=<your-new-app-name>. The new app automatically links to @rocket/ui, @rocket/typescript-config, and @rocket/playwright-config.

A documented caveat: the TanStack Start starter is labeled RC but stable. The README does not specify browser support targets or test coverage details, so engineers should consult the source for anything not stated here.