Web Builder

Web Builder, also called Messenger Web Builder, is a low-code platform for generating and publishing user interfaces with AI. It builds on TailwindCSS and lets users create modern responsive UIs, dynamic customizable components, multi-theme and multi-language web applications visually by dragging components. The project describes itself as the first open-source low-code of its kind in China to use Drupal as a headless back end, and its documentation is mostly in Chinese.

Builder features include a dynamic layout builder with static or API data sources, component editing, copying and reordering, a media library, management of mini-program pages and components, page version history, draft detection, a library of templates and examples, copying a page's JSON to deploy, scroll animations with AOS and GSAP, a full-width mode, quick page generation from rules, multi-theme preview, light and dark styles, page preview and responsive preview across device sizes. AI models can generate UI, pages and tool apps.

It also ships Web Builder Skills, a Claude Code skill pack covering UI building in Storybook, translating page JSON and generating web image prompts. The front end uses Angular, the license is AGPL-3.0, and Docker deployment is documented.