CHLOE

.cx

The indie game engine with personality.

scroll to explore

Blazing Rendering

WebGPU-powered 2D and 3D rendering with automatic batching, sprite atlasing, and real-time shader compilation. Chloe handles 100,000+ sprites at silky 60fps.

Sprite Batching

Automatic atlas generation and GPU-optimized draw calls.

Shader Pipeline

Hot-reloading shaders with live preview and error overlay.

Lighting System

Dynamic 2D lights with shadow casting and ambient glow.

Expressive Scripting

Write game logic in JavaScript or TypeScript with Chloe's intuitive API. Component-based architecture, event systems, and built-in state machines.

{}

Component ECS

Entity-component-system architecture for modular game objects.

Event System

Decoupled message passing with typed events and listeners.

State Machines

Visual FSM editor with code generation and debugging tools.

See It In Action

Write a few lines. See instant results. Chloe's live editor lets you iterate at the speed of thought.

player.js
import { Entity, Sprite, Input } from 'chloe';

export class Player extends Entity {
  speed = 200;
  sprite = this.add(Sprite, {
    src: 'hero.png',
    frames: 8,
    fps: 12
  });

  update(dt) {
    const dir = Input.axis('move');
    this.pos.x += dir.x * this.speed * dt;
    this.pos.y += dir.y * this.speed * dt;
    this.sprite.play(
      dir.len() > 0 ? 'run' : 'idle'
    );
  }
}
Preview Running

Use arrow keys or WASD to move the character in the preview

Built-In Tooling

From asset pipeline to deployment, Chloe comes batteries-included. No plugins required.

Asset Pipeline

Drag-and-drop asset import with automatic optimization.

Profiler

Real-time performance graphs, memory tracking, and frame analysis.

One-Click Deploy

Export to Web, Desktop, and Mobile from a single project.

Ready to Build?

Join thousands of indie developers making games with Chloe. Free and open source, forever.

12k+ Developers
3.4k Games Shipped
v2.4 Latest Release