Why Amagon?
Derived from the Cebuano word 'Amag' (to glow), Amagon illuminates the path between visual design and high-performance code.
AI Assistant
Context-aware generation that understands your block structure and design system. Supports OpenAI, Anthropic, Gemini, and local Ollama models.
Visual Editing
Drag-and-drop simplicity with professional power. Live iframe previews, inline text editing, and a comprehensive library of 50+ pre-built blocks.
Code Integration
Full Monaco editor integration with bidirectional sync. Changes in code reflect instantly on the canvas. Export clean, production-ready HTML.
Theme System
A robust CSS variable pipeline. Customize colors, typography, and spacing globally to ensure visual consistency across all pages.
"Amagon is what the world sees, but Hoarses is the engine that screams."