Desktop Client / VS Code Extension

Hylo

Typora for HTML

A real-time HTML editor featuring bi-directional live sync and visual editing. Leveraging AST reconstruction, it bridges source code and visual output seamlessly. Supported on both standalone desktop and VS Code.

<div class="hero">
  <h1 class="title">Hylo</h1>
  <p>HTML 的 Typora</p>
</div>
Active AST Sync

Hylo

HTML 的 Typora

Bi-directional Editor Link

Key Features

Crafted for Web developers to deliver an elegant, real-time visual editing experience

Bi-directional Sync

Moving the editor cursor highlights the corresponding preview element. Clicking a preview node jumps directly to the source code.

High-Precision AST Mapping

Built on parse5 parsing engine to maintain accurate node location indexing, preserving precise highlights even in complex HTML structures.

Isolated Sandbox Preview

Uses Shadow DOM to sand-box styles and script execution, preventing document styling from corrupting the workspace layout.

App & VS Code Extension

Available as a lightweight native desktop App built on Tauri v2, and a VS Code extension that integrates directly into your coding workflow.

Reshape Your HTML Editing Experience

Download Hylo Desktop Client now, or install the extension from the VS Code Marketplace