v1.7 · i18n 国际化 · 开源 Apache 2.0

积木
搭出你的下一个网页

HtmlMaker 把 HTML / CSS / JavaScript 拆成三种积木。
拖拽、嵌套、组合 —— 无需写代码,也能生成完整可运行的网页。

3
独立编辑页
100+
积木总数
0
后端依赖
100%
浏览器原生

为创造而生

把网页开发的每一步都变成可拖拽、可组合的视觉动作。

三页编辑架构

HTML 搭结构、CSS 写样式、JS 加逻辑。三页独立,互不干扰,却又实时联动。

积木拖拽组合

从左侧调色板拖出积木,嵌套进容器,插入到任意位置。半透明预览实时跟随。

实时渲染预览

右侧面板同步显示生成代码,一键切换 iframe 渲染视图,导航被沙箱拦截保证安全。

导入与导出

支持导入 HTML 文件自动转积木,导出独立 HTML / 仅 CSS / 仅 JS / 项目 JSON。

组件库与模板

14 个内置组件、4 套完整模板、跨项目收藏夹。一键复用,告别从零搭建。

深色 / 浅色主题

Apple 风格 CSS 变量主题系统,平滑过渡 320ms。默认深色,护眼又专注。

HTML5 / CSS 高级 / Web API

dialog / template / slot 交互标签,@media / @keyframes / @font-face 容器积木,LocalStorage / Canvas / WebSocket / Observer 等 Web API 一拖即用。

i18n 国际化

内置中英双语文案,设置面板一键切换语言即时生效。支持导入第三方语言包 JSON,社区可贡献更多语种。

所见即所得

每一颗积木都在你眼前落地为代码。

HtmlMaker
div.container
header
h1 · Hello World
p · 这是一段示例文字
footer

纯前端,零依赖

不依赖任何后端服务,浏览器打开即可运行。你的数据,完全由你掌控。

01

零后端架构

所有数据存于浏览器 LocalStorage,无服务器、无数据库、无云端。可直接用 file:// 协议打开运行。

02

原生实现

纯 HTML / CSS / JavaScript,无构建工具、无 npm 依赖、无框架。源码即文档,可读可改。

03

GPU 合成动画

页面转场仅动画 transform 属性,配合 will-change 与 requestAnimationFrame 节流,120Hz 设备流畅如丝。

04

开源协议

基于 Apache License 2.0 协议开源,支持商用、修改、分发与私有化。欢迎在协议范围内贡献与二次开发。

从已来到将去

坚持纯前端红线,每一步都让创造更自由。

已发布
v1.0
三页积木编辑器核心
已发布
v1.1
UI 美化 · 性能优化 · SVG · 移动端适配
已发布
v1.2
组件库 · 模板系统 · 收藏夹
已发布
v1.3
标签库扩展 · UI 微调 · GitHub 仓库
已发布
v1.4
插件系统 · 自定义积木
已发布
v1.5
编辑体验增强 · 多选 · 剪贴板 · 搜索替换
已发布
v1.6
积木库深度扩展 · HTML5 · CSS 高级 · Web API
当前版本
v1.7
i18n 国际化 · 中英文完整支持 · 第三方语言包
规划中
v1.8
本地版本管理 · 分享系统
远期
v2.0
桌面应用 · AI 辅助(本地优先)

准备好开始了吗?

无需安装,无需注册,打开即用。