H5 Dooring

H5 Page Maker, H5 Editor, LowCode. Make H5 as easy as building blocks. | 让H5制作像搭积木一样简单, 轻松搭建H5页面, H5网站, PC端网站,LowCode平台.
Alternatives To H5 Dooring
Project NameStarsDownloadsRepos Using ThisPackages Using ThisMost Recent CommitTotal ReleasesLatest ReleaseOpen IssuesLicenseLanguage
H5 Dooring7,298
a month ago29gpl-3.0JavaScript
H5 Page Maker, H5 Editor, LowCode. Make H5 as easy as building blocks. | 让H5制作像搭积木一样简单, 轻松搭建H5页面, H5网站, PC端网站,LowCode平台.
Luban H55,704
22 days ago106gpl-3.0JavaScript
[WIP]en: web design tool || mobile page builder/editor || mini webflow for mobile page. zh: 类似易企秀的H5制作、建站工具、可视化搭建系统.
4 years ago1JavaScript
A h5 page generator, generated by editing json, and then through the phone side of the page through a series of functions rendering
3 years ago3Vue
H5 Dooring Vue89
2 years agoVue
(H5编辑器)H5-Dooring是一款功能强大,开源免费的H5可视化页面配置解决方案,致力于提供一套简单方便、专业可靠、无限可能的H5落地页最佳实践。技术栈以react为主, 后台采用nodejs开发.
Activeadmin Wysihtml587
8 years ago21mitRuby
Html5 Generator60
3 years agoJavaScript
通过编辑器生成h5页面 make html5 pages through editor
Editor Ovo25
2 years agoJavaScript
A rich text editor for mobile web. Mixed editing of photos and Emoji 一个适用于移动web的富文本编辑器。照片加emoji的混合编辑
a year agomitVue
2 years agoHTML
A h5 car parts disassembling animation editor.
Alternatives To H5 Dooring
Select To Compare

Alternative Project Comparisons

Make H5 as easy as building blocks!

H5,H5,H5 editor,lowcode

Welcome to H5-Dooring

Version Documentation license:GPL3.0

H5-Dooring is a powerful, open source, free H5 visual page configuration solution dedicated to providing a simple, convenient, professional and reliable, unlimited set of H5 landing page best practices. The technology stack is mainly react, developed in the background using nodejs.

home demo doc tutorial wiki
website Demo Document &Video wiki

note: If the official visit is too slow, visit the H5-Dooring for Singapore

English |

new doc: private deployment process

Related products:



Contributing and support

Contributions, issues and feature requests are welcome!
Feel free to check issues page.

Give a if this project helped you!

Privatization Deployment documentation


  1. editor

    • [x] Guides
    • [x] The underlying component
    • [x] Visual components
    • [x] Media components
    • [x] Product components
    • [x] Dragper
    • [x] Configure the panel
    • [x] Form designer
    • [x] (Multi) Page management (copy, edit, delete, new)
    • [x] Component animation
    • [x] Component interaction
    • [x] Data source management
    • [x] Quick preview
    • [x] Real machine preview
    • [x] Undo and redo
    • [x] WeChat shares
    • [x] shortcut key
    • [x] The template library
    • [x] Desktop software, Dooring-electron, supports offline use
  2. Enhanced features

    • [x] Upload json, convert to H5 with one click
    • [x] Photo gallery
    • [x] Code capability (download source, download dis package)
  3. backend API

    • [x] Create, save, and update your work
    • [x] User management, rights management
    • [x] One-click intelligent analysis
    • [x] Data look
    • [x] Form data collection
    • [x] Form data presentation
    • [x] Form data analysis, one-click export excel, form multi-condition search
    • [x] Preview online
    • [x] QR code preview
    • [x] Template management
    • [x] Code interface

Update the log

  1. Whether the video component adds a full-screen configuration item when playing
  2. Fixes a click failure of the icon component
  3. The editor supports multi-size switching and canvas size customization
  4. Fix multilingual issues with background management analytics forms
  5. The component library supports user-defined selection

Technology Sharing

The back-end section

The back-end part because of the knowledge points involved is more, is not the focus of this article, so here is a few points, you can use completely different technology to achieve back-office services, such as PHP, Java, Python or Egg. The author here is using the "koa" .

Specific code can refer to the full stack development article:


  1. Download the code
git clone https://github.com/MrXujiang/h5-Dooring.git
  1. Go to the project catalog
cd ./h5-Dooring
  1. Install the dependency package
yarn pkg


Launch the app locally

yarn start
cnpm run start

: window, dooring-electron

How to run the downloaded code ?

  1. The compression package can be unzipped directly to the server root, and access to the root address is sufficient
  2. 'vscode' installs the Live Server plug-in, unzips the downloaded compression package into a folder, opens with 'vscode', clicks on Live Server, and notes that to remove the 'index .html' of the startup path, change it to '/'

If you find that the local boot component drag and drop encountered strange errors, is the third-party component in the development environment bug, you can take a step to solve:

If you find that the local start-up component drag encountered strange errors, is a bug that should be a third-party component in the development environment, can be resolved in a way:

yarn dev
cnpm run dev

The premise is to install the http-server module first.

Browsers support

Modern browsers does not support IE browser

IE / EdgeIEdge FirefoxFirefox ChromeChrome SafariSafari
Edge last 2 versions last 2 versions last 2 versions

Contact us


Twitter [email protected]

Partner project


Open source is not easy, with your sponsorship, we will do better

Technical feedback and communication


Popular Editor Projects
Popular H5 Projects
Popular Text Editors Categories
Related Searches

Get A Weekly Email With Trending Projects For These Categories
No Spam. Unsubscribe easily at any time.
Drag And Drop
React Router
Site Generator
Page Builder