I visit ProductHunt every day, which is a foreign platform for discovering interesting products.

The platform has become the best place for users to discover new products, entrepreneurs to get inspiration, investors to find new opportunities, and founders to promote their products.

Recently, the ProductHunt platform has produced a number of popular new products, most of which have a single label: Low Code.

Low code is a concept used to create applications visually. It is characterized by much less code than traditional development, or even no code, which can significantly improve development efficiency. Today, low code is not limited to the development of software applications, as long as visual interaction to help users complete a work is low code category.

If you’re not sure what low code is, take a look at the open source projects mentioned in this article. This post lists 10 of the most popular low code open source projects on GitHub and the code Cloud.

01. Quickly set up the H5 page

Luban H5 generator

Luban H5 is a fast page generation platform developed based on Vue2.0, which can quickly complete the production of a page through a simple drag-and-drop interaction, similar to Yiqixiu, Maka, Baidu H5 and other platforms.

The left is the common components, the right is the component property adjustment interface, the middle area is the edit and preview area. Luban H5 contains a variety of components to choose from, including:

  • Radar chart, line chart, bar chart, pie chart, funnel chart

  • Pictures, ratings, forms, text, maps, videos, etc

Icon and map components

Line chart components

Personal work low code platform

This project is based on the vue. js technology stack. The main page of the platform is divided into four parts, namely the toolbar, the component list, the canvas and the properties area. Drag the component to the canvas area.

Users can drag components from a list of components onto the canvas to edit elements on the canvas. This is just a Demo, the rest of the richer components can be redeveloped.

Build a visual page editor

There is also a page visualization Demo, based on next. Js build a page visualization editor. The development logic of the whole editor is to develop the component library at the front end. The editor reads the components to complete the page construction and sends the page data to the server for saving. Access the page, pull the page data from the server, and render the page at the front end.

Follow show REACT version H5 micro scene editor

Editor functions: drag and drop, scale, rotate, animate, undo, redo, combine elements

Components: material, text, picture, QQ language call, background, map, sound, template, video, art word

H5-factory

H5 topic page visual editing tool, drag and drop editing, flexible switching, one key to generate HTML files. For more information on system architecture design and component splitting principles for this open source project, read the following article:

https://juejin.cn/post/6844903858401968136
Copy the code

H5 Mobile low code platform

Vue3.x Vite2.x Vant Elements-Plus H5 Mobile terminal lowCode visual Editor

02. A poster builder

At the far left of the poster editor is the list of components. You can select components on the left, such as text, QR code, and pictures, and add them to the middle canvas area. You can adjust the style of the added components through the properties adjustment panel on the right.

Fast: Three steps to complete the poster development: Start the service > Edit the poster > Generate code

Simple: rich components, support for drag and drop, copy, wySIWYG, download and other functions.

Dynamic: You can get the latest poster by modifying the poster in the editor without changing the code.

Upload the picture

To preview

Get code: Click on the code to see the associated interface invocation code.

03. JEECG BOOT low code development platform

JeecgBoot is a low code platform based on code generators! Front and rear separation architecture: springboot2. x, SpringCloud, Ant Design&Vue, Mybatis-plus, Shiro, JWT, support for microservices. Powerful code generator to make the front and back end code one key generation, low code development!

Online form development, Online report, report configuration capability, Online chart design, large screen design, mobile configuration capability, Form Designer, Online design process, process automation configuration, plug-in capability (pluggable) and more!

04. Amis low-code tools

The author believes that most commonly used pages should be implemented in the simplest way, even without learning the front-end framework and tools.

Amix is one such low-code tool. It can generate a variety of backend pages with JSON configuration, greatly reducing development costs without even needing to know about the front end. Its unique benefits are:

  • You don’t need to know the front end to be able to make a professional and complex back-end interface that no other front-end UI library can do;

  • Not affected by front-end technology updates;

  • You can use the visual page editor to make the page completely;

05. Seezoon Stack

The Seezoon Stack is a low-code development platform based on current cutting edge front-end and back-end implementations. The front-end technology stack is based on Vue3 + Vite + Antdv and the back-end technology stack is based on Spring Boot.

It is designed for rapid development, with trade-offs in speed and code structure, but in any case, you will see a very authentic use of the common Java development frameworks. The project adopted a mainstream development framework, packaged, compiled, and deployed according to the standards of large companies, and gradually improved.

These open source projects: Luban H5: address: github.com/ly525/luban…

Personal works low code: address: github.com/woai3c/visu…

Build the page visualization: github.com/fantasticit…

Follow show: address: github.com/lzuntalente…

H5-factory: address: github.com/yangyuji/h5…

H5 Mobile low code platform: github.com/buqiyuan/vi…

Poster Generator: gitee.com/vitojc/fast…

Jeecg-boot: gitee.com/jeecg/jeecg…

amis：gitee.com/baidu/amis

Seezoon-stack: gitee.com/huangdf/see…

Finally, in case you can’t find this article, you can save it by clicking “like”. Welcome to follow the public account GitHub (ggGithub).