Quick Start

NarraLeaf-React is easy to understand and use. This guide will help you create your first Visual Novel with NarraLeaf-React.

Create Your First Visual Novel

Now it's time to create your first Visual Novel with NarraLeaf-React.

First, create a new React app using Create React App.

navigate to the directory where you want to create your app and run the following command:

npx create-react-app nlr-app --template my-first-narraleaf-app

This will create a new React app with NarraLeaf-React template.

To preview the app, run the app using the following command:

npm start

You can visit http://localhost:3000 to see your first Visual Novel.

Congratulations! You've created your first Visual Novel with NarraLeaf-React.

You can edit the src/story.ts file to create your own story!

Now you've learned the basic concepts of NarraLeaf-React.

You can start learning some basic functionalities of NarraLeaf-React.

If you are advanced developer, you can start learning constructing the story using abstract classes.

Or start displaying the story using the player component.