Visual-Builder-List

Visual Builder List | 可视化构建

  • 2015-react-ui-builder #Project#: This tool is a visual builder of React JS components for your web application. In builder you can easily combine available components with each other, and see how they look and feel right on a web page.

  • 2016-Structor #Project#: Install Components > Prototype UI > Generate Source Code > Build Application.

  • 2017-grapesjs #Project#: Free and Open source Web Builder Framework. Next generation tool for building templates without coding.

  • 2018-Pagedraw #Project#: Pagedraw is a UI builder for React web apps. It works like a Sketch or Figma style design tool, but emits good quality JSX code.

  • 2019-Elementor #Project#: The most advanced frontend drag & drop page builder. Create high-end, pixel perfect websites at record speeds. Any theme, any page, any design.

  • 2019-Tina #Project#: Tina is a site editing toolkit for modern React-based sites (Gatsby and Next.js).

Tutorials

Visually Selector

Layout

Mobile

MIS

Form Builder

  • json-editor #Project#: JSON Schema Based Editor

  • React Form Builder #Project#: A complete react form builder that interfaces with a json endpoint to load and save generated forms. The toolbox contains 16 items for gathering data. Everything from star ratings to signature boxes!

Materials | 物料

  • ICE #Project#: 飞冰 - 海量可复用物料,通过 GUI 工具极速构建中后台应用。