01
One engine, native and web.
A single TypeScript-first 2D engine for animation, gamification, and interactive experiences — Skia via react-native-skia on native, CanvasKit WASM on the web. Write it once; the same API drives both surfaces.
React Native + Web · Skia / CanvasKit
One codebase.
iOS, Android, and the browser.
One TypeScript source, Web and React Native. Hybrid ECS, Skia sprite batching, and zero-alloc hot paths drive animation, gamification, and interactive experiences — 40tree-shakeable packages on a strict downward-only graph. Not a Unity, Godot, or Unreal competitor: Flare lives inside your web and mobile apps. Pick the live demo above and it runs real engine packages in your browser via CanvasKit.
40 scoped packages
iOS · Android · Web one codebase
60 Hz fixed-timestep sim
0 deps at Layer 0
// Why Flare
An engine that refuses to slow down.
02
GPU batching, one draw call per atlas.
The renderer groups sprites by texture atlas and emits a single Skia Atlas call per atlas batch — one draw call per texture, not per sprite. Per-sprite transforms run in a useRSXformBuffer worklet on the UI thread.
03
Modular, tree-shakeable, downward-only.
40 layered packages across nine layer bands with strictly enforced dependency direction — lower layers never import higher ones — so you ship only what you use. Layer 0 has zero dependencies; debug code tree-shakes out via __DEV__.
04
Deterministic fixed-timestep.
Physics runs at a fixed rate (default 60 Hz) on an accumulator while rendering interpolates between states — reproducible, frame-rate-independent behavior. @flare-engine/testing adds a fake clock, scene-snapshot assertions, and a bench-session harness.
// Modular by design
Import only what you ship.
Every system is its own package across nine layer bands. Lower layers never import higher ones, so the graph stays acyclic and your bundle stays as small as your game.
- L0@flare-engine/mathVec2, Rect, Transform, Color, easings
- L1@flare-engine/ecsHybrid ECS: World, Query, systems
- L2@flare-engine/renderSpriteBatch (Skia Atlas), Camera2D
- L2@flare-engine/physicsAABB collision, spatial index, rays
- L3@flare-engine/animationTweens, springs, sprite animation
- L3@flare-engine/particlesPooled emitters, Skia immediate-mode
- L3.5@flare-engine/postfxRuntimeEffect: bloom, CRT, aberration
- L4@flare-engine/reactGameView, hooks, virtual controls
// One API
One import.
Every platform.
The umbrella @flare-engine/engine re-exports every layer. Mount aGameView, start the fixed-timestep loop, and the same source renders through Skia on native and CanvasKit on the web.
import { GameView, type GameContextValue } from "@flare-engine/engine";
import type React from "react";
import { StyleSheet, View } from "react-native";
function handleReady(ctx: GameContextValue): void {
ctx.loop.start();
}
export function App(): React.ReactElement {
return (
<View style={styles.root}>
<GameView onReady={handleReady} style={styles.game} />
</View>
);
}
const styles = StyleSheet.create({
root: { flex: 1, backgroundColor: "#000" },
game: { flex: 1 },
});// Built for real-time
1
Draw call per atlas · any sprite count
23.7µs
1,000-entity ECS step · Bun microbench
60Hz
Deterministic fixed-timestep
Architecture facts + Bun microbench (median, reproducible in CI). On-device frame captures live in the engine's benchmark suite. Web performance is not yet benchmarked.
Ship your first frame.
Modular, open source (Apache-2.0 at launch), and TypeScript-first. Start in the browser or drop it into your React Native app.
@flare-engine/* is restricted on npm until the October 2026 OSS launch.
Get notified at launch.
One email when Flare Engine goes open source. No spam, unsubscribe anytime.