• 在线版:PageCraft
• 现已支持客户端,完全离线,使用Tauri技术构建,去Release页面下载
• 更新说明
• English Version

PageCraft 是一站式网页开发辅助工具,帮助开发者极速构建静态页面和组件,提升开发效率。

img

• 完全开源:完全开源,代码可审查,不收集任何用户信息
• 可视化 DOM 编辑:拖拽式HTML元素构建,告别繁琐代码编写
• 实时样式编辑:内置 Monaco Editor,实时预览 SCSS 样式变化
• 组件管理:支持组件导入/导出、收藏、截图和模板复用
• 多格式导出:一键导出 HTML、邮件模板、Vue 2/3 单文件组件
• 效率工具集:
  • 文本转换器
  • Excel 数据处理
  • 多语言 JSON 编辑器
  • Stylus 转 SCSS 格式化
  • AI 聊天工具,纯前端发起请求,支持代理,支持 OpenAI/GPT 和 Anthropic/Claude 模型
  • 其他小工具,如 base64 转换,屏幕取色器,二维码生成等,插件系统支持自定义实现小工具

bun i
# or: yarn install
bun run dev
# or: yarn run dev

# build web
bun run build
# build desktop app
bun run build:tauri

也可以自行编译目标系统的 Tauri 程序

1. 安装 nginx,例:Ubuntu/Debian 运行 apt install nginx
2. 下载 Releases 文件 dist.zip 并解压到 /var/www/html/page-craft-vite/
3. 访问 http://localhost/page-craft-vite

避免像 <h1>TestH1<h2>TestH2</h2></h1> 这样嵌套 HTML 元素。虽然可以在编辑器中插入,但它不符合 HTML 规范,导入后也无法复原。

• Minecraft Assets
• Live editor for CSS, Less & Sass - Magic CSS
• Stylus Supermacy
• Juice
• Material Design Icons

Star History Chart