WO3: The Ultimate AO3 HTML Editor

Open Source AO3 HTML Editor — Create beautiful, professional HTML for Archive of Our Own without writing a single line of code.

---

✨ Features

• Easy Formatting — Bold, italic, underline, colors, fonts, and alignment with simple clicks.
• UI Components — Pre‑built social media posts, chats, news articles, and search results.
• Work Management — Save multiple projects, auto‑save, backup, and restore your work.
• Custom Styling — Dynamic CSS generation with custom colors, fonts, and layouts.
• AO3‑Ready Export — One‑click export to HTML + CSS files ready for Archive of Our Own.
• Forever Free — 100% free, open source, and always will be. No subscriptions, no limits.

---

🚀 Demo

You can try WO3 instantly in your browser — no installation required.

Live Demo: https://wo3.tbvns.xyz

---

📦 Installation

Clone the repository:

git clone https://github.com/tbvns/wo3.git
cd wo3

Install dependencies:

npm install

Run the development server:

npm run dev

Build for production:

npm run build

---

🖥 Usage

1. Start the app with npm run dev.
2. Write & format your content in the editor.
3. Insert components like tweets, messages, or news articles with one click.
4. Export your work as HTML + CSS for AO3.
5. Copy the CSS into your AO3 work skin and paste the HTML into your work.

---

🤝 Contributing

Contributions are welcome!
If you’d like to help improve WO3:

1. Fork the repository.
2. Create a new branch: git checkout -b feature/your-feature.
3. Commit your changes: git commit -m 'Add new feature'.
4. Push to your branch: git push origin feature/your-feature.
5. Open a Pull Request.

---

📜 License

This project is licensed under the MIT License — see the LICENSE file for details.

---

Made with ❤️ by the fanfiction community, for the fanfiction community.