EmoteFlow – Visual EmoteScript Builder

A visual editor for EmoteScript (.es) files. Build and edit emote scripts in a node-based graph.

Quick start

Prerequisites: Node.js 18+ and npm.

From the EmoteFlow folder:

npm install
npm run dev

Open http://localhost:5173 in your browser.

To build for production:

npm run build

Features

• Visual graph editor – Create and edit emote scripts as a node-based graph.
• Import / export – Load existing .es files and export your graph back to .es format.
• Node palette – Drag EmoteSet and Emote nodes from the left panel onto the canvas.
• Search – Highlight nodes by typing in the toolbar search box.
• Minimap – Navigate large graphs with the built-in minimap.
• Edge animation – Toggle animated edges in the toolbar.
• Offline – Everything runs in your browser; no server required.

Project structure

EmoteFlow/
├── src/
│   ├── components/     # React components (NodeTypes, GraphEditor, Toolbar, NodePalette)
│   ├── lib/            # Parser, exporter, graph utilities
│   ├── store/          # State management (Zustand)
│   └── types/          # TypeScript definitions
└── package.json

Technology stack

React 18, TypeScript, React Flow, Zustand, Vite.

License

See the LICENSE file for details.