project
HTML Anything - an open-source HTML editor from the nexu-io team.
HTML Anything is an open-source HTML editor for the Agent era from the nexu-io team. It includes 75 built-in Skill templates covering 9 delivery formats such as magazines, presentations, posters, and Xiaohongshu cards, and can automatically recognize local 18+ content...
What is HTML Anything?
HTML Anything is an open-source HTML editor for the Agent era from the nexu-io team. It has 75 built-in Skill templates covering 9 delivery formats, including magazines, presentations, posters, and Xiaohongshu cards. It can automatically recognize 18 local Code Agent CLIs and reuse logged-in sessions. With zero API key, it can convert any content into professional-grade HTML that can be published to platforms such as WeChat, X, and Zhihu with one click.
Main functions of HTML Anything
- 75 Skill templates covering 9 delivery modelsIt includes 75 customizable skill templates, covering 9 professional delivery formats such as magazine articles, Keynote presentations, resumes, posters, Xiaohongshu cards, tweet cards, web prototypes, data reports, and Hyperframes videos.
- Automatic recognition of 18 local code agentsAutomatically scans the local PATH to identify 18 Code Agent CLIs (Claude Code, Cursor, Codex, Gemini, etc.), allowing direct reuse of existing login sessions without configuring an API Key.
- Supports uploading 11 mainstream file formatsIt supports uploading 11 mainstream file formats, including Markdown, TXT, CSV, Excel, JSON, SQL, YAML, HTML, PNG, and JPG, as content input sources.
- SSE Streaming Real-Time RenderingIt uses the SSE (Server-Sent Events) protocol to push the HTML code generated by the local agent to the browser in real time, realizing a streaming experience of generating and previewing at the same time.
- iframe Sandbox Security PreviewUser-generated HTML runs in an independent iframe sandbox, completely isolated from the main process, ensuring a safe and reliable preview environment.
- One-click export and publishing to multiple platformsIt offers multiple one-click export methods, including WeChat Official Account CSS inline pasting, X/Weibo/Xiaohongshu 2× DPI PNG, Zhihu LaTeX processing, and single-file HTML download.
Follow us on WeChat and reply with "open source",join inAI open source project discussion group
The technical principles of HTML Anything
- Local-first and Agent reuse architectureIt automatically detects the installed Code Agent CLI tool by scanning the system PATH, reuses the user's existing login session and subscription permissions, and achieves zero marginal cost calls without the need for additional API key configuration or connection to cloud services.
- SSE Streaming ProtocolThe front end uses Server-Sent Events to establish a persistent one-way connection, pushing the HTML code generated by the Agent to the browser in a streaming manner to achieve real-time incremental rendering and instant preview feedback.
- Design constraint systemEach Skill template has built-in strict typography guidelines, including CJK preferred font stack, 8px baseline grid, contrast ≥4.5 and other design constraints, to ensure that the output reaches professional publishing-grade visual quality.
- Sandbox isolation security mechanismThe generated HTML runs in an independent iframe sandbox, isolated from the main application process, preventing malicious script execution and ensuring local data and system security.
How to use HTML Anything
- Environmental preparationEnsure that Node.js and pnpm are installed locally, and that at least one Code Agent CLI (such as Claude Code) is installed and logged in beforehand.
- Cloning project
- implement
git clone https://github.com/nexu-io/html-anythingThe command downloads the project source code to your local machine. - Install dependenciesEnter the project directory
cd html-anythingRun afterpnpm installComplete the installation of all dependent packages. - Start service:run
pnpm devStart the local development server and access it via your browser.http://localhost:3000Enter the editor interface. - Select AgentSelect the local Code Agent (such as Claude Code) that the system has automatically detected from the drop-down menu at the top of the interface.
- Create taskClick "New task", upload a file or enter content, and select the corresponding Skill template type.
- Generate PreviewThe agent automatically processes the input content and streams HTML, allowing you to view the layout in real time in the sandbox preview area on the right.
- Export and publishClick Export/Copy, select WeChat, X, Xiaohongshu, Zhihu, or download HTML/PNG to complete the publishing process.
The core advantages of HTML Anything
- Zero marginal cost operation: Directly reuse the locally logged-in Agent CLI session without the need to purchase an additional API Key or cloud service.
- Professional publishing qualityAll 75 templates are equipped with a complete design system constraint to ensure that every output reaches professional publishing-grade visual quality.
- Cross-platform one-click publishingOne-click adaptation to major domestic platforms such as WeChat, X, Xiaohongshu, and Zhihu, completely eliminating the labor of repetitive cross-platform formatting.
- Local privacy and security protectionAll data is processed locally first, and content is not uploaded to the cloud. Combined with a sandbox preview mechanism, privacy and security are fully guaranteed.
HTML Anything project address
- GitHub repositoryhttps://github.com/nexu-io/html-anything
Comparison of HTML Anything with similar competitors
| Comparison Dimensions | html-anything | Marp | reveal.js |
|---|---|---|---|
| Product Positioning | Agent-driven local multi-modal HTML editor | Open source Markdown to HTML slideshow engine | Open source HTML presentation framework |
| AI Integration | Automatically identifies 18 local code agents, enabling session reuse with zero API cost. | It lacks native AI capabilities and requires manual Markdown writing. | It lacks native AI capabilities and requires manual HTML/Markdown writing. |
| Input format | Supports uploading 11 file formats, with HTML automatically generated by the Agent. | Markdown file input is supported only. | Native support for HTML, and support for Markdown via plugins. |
| Output format | Nine delivery formats including magazines, presentations, posters, cards, resumes, and videos. | Generate HTML slideshow only | Generate HTML slideshow only |
| Design System | 75 templates including CJK-preferred font stack and strict typographical constraints | Customize styles with CSS themes | Multiple built-in themes are provided; you will need to adjust the details yourself. |
| Platform Release | One-click export to native formats compatible with WeChat, X, Xiaohongshu, Zhihu, etc. | Export as HTML, PDF, or PPTX | Export as HTML or deploy as a static webpage |
| Usage threshold | Zero-code operation: Agent automatically formats files after upload. | You need to be familiar with Markdown syntax and theme configuration. | Requires proficiency in HTML/CSS or Markdown plugin configuration. |
Application scenarios of HTML Anything
- Self-media content layoutSelf-media operators can convert Markdown drafts into beautifully formatted content adapted for WeChat Official Accounts, Xiaohongshu, and Twitter with a single click.
- Business presentation productionProfessionals can quickly generate professional-grade business presentations using templates in styles such as Swiss International Style and Premium Editing.
- Data report visualizationData analysts convert CSV or Excel data into interactive HTML data reports with professional charts and layouts.
- Video storyboardVideo creators can generate video storyboards using Hyperframes templates that can be directly used for Remotion or HeyGen rendering.