Project

NarraLeaf Project is an ecosystem for building visual novel experiences with a clear path from authoring to delivery. It brings together a zero-code studio, a desktop application toolchain, and a lightweight React player so teams can choose the right starting point without leaving the broader NarraLeaf Project model.

The project is designed around lightweight web technologies, structured content, and workflows that can grow from an individual prototype into a maintained software project. Authors can focus on scenes and narrative flow, while developers can keep access to TypeScript, version control, packaging, and application-level customization.

Project philosophy

NarraLeaf Project is not only a product list. It is a project structure for keeping visual novel work understandable as it grows.

The ecosystem favors:

• A clear separation between authoring tools, runtime behavior, rendering, and player integration.
• Web and TypeScript foundations that fit existing development workflows.
• Project files and tooling that can be reviewed, versioned, tested, and shipped like modern software.
• Multiple entry points that share the same direction instead of becoming unrelated products.

This lets a project begin with a visual workflow, move deeper into desktop delivery concerns when needed, or embed only the player layer inside an existing React product.

Main paths

NarraLeaf Studio

NarraLeaf Studio is the zero-code authoring and editing path. It is intended for creators and teams who want to build story structure, scenes, and production workflow through a guided visual environment.

Studio is the best starting point when the primary task is creating and maintaining content before dealing with application internals.

NarraLeaf Desktop

NarraLeaf Desktop is the desktop application toolchain. It covers the runtime, renderer, and CLI used to build and deliver NarraLeaf Desktop applications.

This path is intended for developers who need control over the full application, including local development, packaging, runtime integration, and delivery workflows.

NarraLeaf-React

NarraLeaf-React is the lightweight React player path. It is intended for teams that want to embed visual novel experiences in a web product or customize the player UI deeply.

This path keeps the player close to the React ecosystem, making it useful when the story experience is one part of a larger application.

Choosing where to start

Start with NarraLeaf Studio if your first goal is to create story content, manage scenes, and work through a visual production flow.

Start with NarraLeaf Desktop if you are building a complete desktop visual novel application and need access to the runtime, renderer, CLI, and delivery workflow.

Start with NarraLeaf-React if you already have a React application, need a lightweight player, or want to own the surrounding UI and product experience.

These paths are meant to be compatible parts of the same project ecosystem. A team can begin with one path and adopt another as the project becomes more technical, more collaborative, or closer to release.

Ecosystem direction

NarraLeaf Project is also growing around supporting tools for asset packaging, audio, UI composition, scripting, and production workflows. These tools are intended to support the three main paths rather than create separate product silos.

The long-term goal is a coherent toolset for visual novel projects: approachable for creators, practical for developers, and structured enough for teams that need to maintain and ship real applications.