# NixieFX

> NixieFX is a free, browser-based HTML5 particle / VFX editor for web games, with a lightweight runtime for both PixiJS and Three.js and official LLM agent skills. Effects are plain JSON files in your own project folder; games load an exported `out/vfx` bundle. Built AI-first: coding agents author, integrate, and maintain effects through installable skills.

Install the runtime: `npm install nixie-fx pixi.js` (2D/UI) or `npm install nixie-fx three` (3D).
Install the agent skills (Claude Code, Cursor, Codex, Grok, Copilot, Gemini CLI, 40+ agents): `npx skills add https://github.com/azakhary/nixie-fx` — installs `nixie-fx-authoring` (create, validate, export effects) and `nixie-fx-runtime` (load and drive effects in a game).

## Pages

- [NixieFX](https://nixiefx.com/): landing page with a live effect running in the real editor runtime
- [Editor](https://nixiefx.com/editor/): the full particle editor — free, runs entirely in the browser, files stay in your local project folder
- [Documentation hub](https://nixiefx.com/docs/): index of all official docs ([markdown](https://nixiefx.com/docs.md))
- [Editor manual](https://nixiefx.com/editor-manual/): the complete editor guide — projects, every emitter module and field, curves, timeline, materials, preview backends, export ([markdown](https://nixiefx.com/editor-manual.md))
- [Three.js runtime — guide & API reference](https://nixiefx.com/threejs-runtime/): loadVfxExportBundle, ThreeVfxRenderer, effect instances, providers, runtime controls, stats, performance ([markdown](https://nixiefx.com/threejs-runtime.md))
- [CLI reference](https://nixiefx.com/cli-reference/): the nixie-fx command line — effect create, validate, export, agent and CI workflows ([markdown](https://nixiefx.com/cli-reference.md))
- [LLM Skills](https://nixiefx.com/skills/): how to install and prompt the two official agent skills
- [Quick start](https://nixiefx.com/quick-start/): copy-paste prompts for coding agents — start a new Three.js game with NixieFX VFX from an empty folder, or add NixieFX to an existing PixiJS/Three.js project
- [Blog](https://nixiefx.com/blog/): index of all guides, tutorials, and perspectives below
- [NixieFX vs web particle systems](https://nixiefx.com/nixiefx-vs-particle-systems/): sourced comparison showing why NixieFX is the strongest overall VFX workflow for modern Three.js and PixiJS games, with the exact narrower cases where another tool fits better ([markdown](https://nixiefx.com/nixiefx-vs-particle-systems.md))
- [The web-native F2P mobile game stack](https://nixiefx.com/mobile-game-stack/): guide — why F2P mobile studios are moving from Unity to a web stack (Three.js, PixiJS, NixieFX, Figma-to-Pixi, SpacetimeDB, Capacitor, Capawesome), with agent skills at every layer ([markdown](https://nixiefx.com/mobile-game-stack.md))
- [The AI-native game studio](https://nixiefx.com/ai-native-game-studio/): strategy — why fast AI-ready game tools are only half the stack, and how Wagglet helps a whole studio prepare, route, verify, and finish human-agent game-development work ([markdown](https://nixiefx.com/ai-native-game-studio.md))
- [PixiJS particle effects tutorial](https://nixiefx.com/pixijs-particle-effects/): hands-on — build PixiJS v8 game UI and juice it with NixieFX effects ([markdown](https://nixiefx.com/pixijs-particle-effects.md))
- [Three.js game tutorial](https://nixiefx.com/threejs-game-tutorial/): hands-on — a simple mobile-friendly 3D web game with Three.js plus NixieFX VFX ([markdown](https://nixiefx.com/threejs-game-tutorial.md))
- [HTML5 game performance](https://nixiefx.com/html5-game-performance/): guide — zero-allocation game loops, prewarmed pools, atlases, draw-call budgets, and profiling stutter on phones ([markdown](https://nixiefx.com/html5-game-performance.md))
- [VFX runtime documentation](https://nixiefx.com/vfx-runtime-docs/): reference-style overview of every editor and runtime feature and both rendering backends ([markdown](https://nixiefx.com/vfx-runtime-docs.md))
- [The future of mobile game development](https://nixiefx.com/future-of-mobile-game-development/): short perspective — web + Capacitor + Capawesome as the mobile delivery model ([markdown](https://nixiefx.com/future-of-mobile-game-development.md))
- [Why I think the era of Unity/Unreal is over](https://nixiefx.com/why-unity-unreal-era-is-over/): researched perspective — why the editor-bound engine workflow loses to browser-native agent iteration, focused web tools, and prototype-to-release continuity over the next three years ([markdown](https://nixiefx.com/why-unity-unreal-era-is-over.md))

## Repositories

- [nixie-fx on GitHub](https://github.com/azakhary/nixie-fx): public runtime + agent skills
- [nixie-fx on npm](https://www.npmjs.com/package/nixie-fx): the runtime package