MrXujiang/h5-Dooring
H5 Dooring
h5-Dooring is a suite of no-code tools comprising a content management system, visual page designers, and a JSON-to-HTML generator for creating mobile-optimized websites. It provides a visual page builder for constructing landing pages and interactive sites using a block-based interface, alongside a no-code form builder for creating data collection forms with integrated analysis and export tools.
The system utilizes a JSON-to-page transformation process to automatically convert structured data into functional web pages. It features a dedicated designer for mobile landing pages and splash screens, allowing for the customization of animations and responsive layout components.
The platform includes a real-time rendering system for multi-device content previews via simulated frames or QR codes. It covers page lifecycle management, user access control for project permissions, and the ability to export project source code or distribution packages for independent hosting.
Features
- Drag-and-Drop Page Builders - Features a drag-and-drop page builder specifically optimized for creating mobile landing pages.
- Visual Page Builders - Ships a block-based drag-and-drop editor for constructing mobile-optimized landing pages and interactive websites.
- Form Builders - Provides a visual designer for creating data collection forms with integrated analysis and export tools.
- Mobile Page Management Systems - Integrates a CMS to handle page lifecycles, user permissions, and source code exports.
- Visual Layout Editing - Implements a visual layout editor that allows arranging modular components without writing code.
- JSON to HTML Generation - Features a generator that transforms structured JSON data into fully functional web pages.
- Visual Page Editors - Ships a block-based visual editor for assembling both mobile and desktop websites.
- Landing Page Templates - Enables the design of optimized mobile landing pages using reusable visual components.
- Visual Form Designers - Provides a visual drag-and-drop designer for building interactive data collection forms.
- JSON-Based Page Schemas - Uses JSON objects to map visual components to their properties and layout configurations.
- JSON to Page Rendering - Automatically converts structured JSON data into functional web pages through a transformation process.
- No-Code Page Builders - Offers a complete no-code environment for building websites via a visual drag-and-drop editor.
- Page Lifecycle Management - Includes tools for handling the creation, duplication, editing, and deletion of multiple pages.
- Source Export Utilities - Allows downloading the project source files as deployable HTML and CSS packages.
- Behavioral Configurations - Provides a configuration interface for defining animations and interactive behaviors of page elements.
- Visual Property Panels - Includes a dedicated property panel to control the visual properties and animations of page elements.
- Multi-Device Previews - Implements a real-time rendering system for previewing pages across various device screen sizes via simulated frames and QR codes.
- Real-Time Component Previews - Offers real-time rendering of the current page state in simulated device frames.
- Splash Screen Customizations - Provides a library of reusable components for building optimized mobile entry animations and splash screens.
- Low-Code Platforms - Visual H5 page builder.
- Miscellaneous Tools - H5 page builder for rapid development.
- Node.js - Listed in the “Node.js 项目” section of the Great Open Source Project awesome list.
