Pixi’VNPixiJS & Visual Novel engine

Create visual novels with the modern 2D rendering engine PixiJS, and your favorite JavaScript framework.

Write your narrative
As you like!!!

Write your story in your favorite storytelling language. Such as ink or Ren'py or TS/JS.
In all cases you can also interact with the canvas and sounds, or create custom features.
You can read more about it here.

start.inkstart.rpystartLabel.tsstartLabel.json

ink

=== start
Hello, world!
This is a Pixi’VN tutorial.
I hope you enjoy it!
->DONE

renpy

label start:
    "Hello, world!"
    "This is a Pixi’VN tutorial."
    "I hope you enjoy it!"

typescript

const startLabel = newLabel("start_label_id", [
    (props) => narration.dialogue = "Hello, world!",
    (props) => narration.dialogue = "This is a Pixi’VN tutorial.",
    (props) => narration.dialogue = "I hope you enjoy it!"
])

json

{
    "labels": {
        "start_label_id": [
            {
                "dialogue": "Hello, world!",
            },
            {
                "dialogue": "This is a Pixi’VN tutorial.",
            },
            {
                "dialogue": "I hope you enjoy it!",
            },
        ],
    }
}

Create your own assets
Show your creativity!

Create your own assets with your favorite tools. Like Daz 3D, Blender, Photoshop, Krita, GIMP, Cinema 4D, Spine 2D etc.
Pixi’VN uses the power of PixiJS to render your assets.
You can also create 2D animations with Spine 2D or interact with 3D elements with Three.js.

Build the UI
Use your favorite framework

Build the UI with your favorite JavaScript framework. Like React, Vue, Preact, Qwik, lit, Solid, Svelte, Angular, PixiJS etc.
You can read more about it here.

Welcome to the Web App
Use your favorite tools

Use your favorite tools to build your web app. Like TypeScript, Tauri, VS Code, Vite.js, i18n, NodeJS, Astro, AWS, Bootstrap, Electron, ESLint, Firebase, Gatsby, Gulp, Bit, Jest, MUI, Netlify, Nextjs, npm, Nuxt, Rollup, Supabase, Webpack, Fluent etc.