三页编辑架构
HTML 搭结构、CSS 写样式、JS 加逻辑。三页独立,互不干扰,却又实时联动。
把网页开发的每一步都变成可拖拽、可组合的视觉动作。
HTML 搭结构、CSS 写样式、JS 加逻辑。三页独立,互不干扰,却又实时联动。
从左侧调色板拖出积木,嵌套进容器,插入到任意位置。半透明预览实时跟随。
右侧面板同步显示生成代码,一键切换 iframe 渲染视图,导航被沙箱拦截保证安全。
支持导入 HTML 文件自动转积木,导出独立 HTML / 仅 CSS / 仅 JS / 项目 JSON。
14 个内置组件、4 套完整模板、跨项目收藏夹。一键复用,告别从零搭建。
Apple 风格 CSS 变量主题系统,平滑过渡 320ms。默认深色,护眼又专注。
dialog / template / slot 交互标签,@media / @keyframes / @font-face 容器积木,LocalStorage / Canvas / WebSocket / Observer 等 Web API 一拖即用。
内置中英双语文案,设置面板一键切换语言即时生效。支持导入第三方语言包 JSON,社区可贡献更多语种。
每一颗积木都在你眼前落地为代码。
不依赖任何后端服务,浏览器打开即可运行。你的数据,完全由你掌控。
所有数据存于浏览器 LocalStorage,无服务器、无数据库、无云端。可直接用 file:// 协议打开运行。
纯 HTML / CSS / JavaScript,无构建工具、无 npm 依赖、无框架。源码即文档,可读可改。
页面转场仅动画 transform 属性,配合 will-change 与 requestAnimationFrame 节流,120Hz 设备流畅如丝。
基于 Apache License 2.0 协议开源,支持商用、修改、分发与私有化。欢迎在协议范围内贡献与二次开发。
坚持纯前端红线,每一步都让创造更自由。