Templates
The easiest way to start with Reactylon is to by using the Automatic Installation, which creates a project using Webpack via the create-reactylon-app CLI. However, sometimes you might prefer to inspect the code, understand the setup, or simply clone a ready-made repository for your favorite framework.
For this reason, we provide a set of official starter templates built on top of the most common stacks.
All starters use TypeScript and a minimal setup, so you can focus on Reactylon and Babylon.js rather than tool configuration. They also include babel-plugin-reactylon preconfigured, which is required for Reactylon’s JSX API to work correctly.
Vite
The Vite starter shows how to use Reactylon in a Vite-based React project.
- Uses Vite + React + TypeScript
- Fast dev server and HMR, ideal for iterating quickly on 3D/XR scenes
- Minimal configuration, very close to the examples in the Reactylon docs
Use this template if you want a straightforward SPA and don’t need SSR or a more opinionated framework.
Repository: reactylon-vite-starter
Next.js
The Next.js starter shows how to use Reactylon inside a modern App Router setup.
- Uses Next.js App Router + TypeScript
- Good fit for SSR-ready apps, dashboards, and SEO-friendly pages
- Keeps Reactylon rendering in client components while letting Next handle routing and data fetching
Use this template if you’re building a production-grade web app or a product where routing, SEO, and server rendering matter.
Repository: reactylon-nextjs-starter
Astro
The Astro starter demonstrates how to integrate Reactylon into an Astro project.
- Uses Astro + React + TypeScript
- Shows how to mount a Reactylon React app via
client:only="react" - Useful as a reference for wiring Reactylon into an Astro codebase
Use this template if you want to understand the integration between Astro and Reactylon, or if you plan to build a content-focused site where Reactylon provides the interactive 3D/XR parts.
Repository: reactylon-astro-starter
