← all repositories
biaogebusy/web-builder

Drupal-backed page builder with an AI chat mode

An Angular low-code platform that uses TailwindCSS for drag-and-drop UI assembly and can generate pages via AI prompts.

563 stars TypeScript App BuildersOther AI
web-builder
Velocity · 7d
+0.5
★ / day
Trend
steady
star history

What it does

信使 Web Builder is a visual page builder built on Angular, Material, and TailwindCSS. You drag components into layouts, tweak their JSON data, and preview responsive output across themes and device sizes. The backend is designed around Drupal as a headless CMS, with views and APIs feeding dynamic components.

The interesting bit

The “Builder Pro” mode adds an AI chat interface that generates UI, pages, and even tool applications from prompts—there are demo videos showing DeepSeek generating custom components and entire pages from a sentence. It is a rare open-source low-code stack that explicitly marries a modern frontend toolchain to Drupal rather than a Node.js headless CMS.

Key highlights

  • Drag-and-drop layout builder with TailwindCSS utility-class styling
  • AI-assisted generation for components, pages, and charts via chat interface
  • Multi-theme and dark-mode preview without leaving the editor
  • Version history, draft detection, and full-page JSON export for deployment
  • Media library, multi-language support, and mini-program page management
  • Extensive animation support: AOS scroll animations and GSAP fine-grained control

Caveats

  • npm install is mandatory; the README warns that yarn or pnpm will error out
  • Backend is tightly coupled to Drupal; using another CMS would require reworking the proxy and API layer
  • Documentation and demo videos are largely on Bilibili and Zhihu, which may slow down non-Chinese speakers

Verdict

Worth a look if you run Drupal and want a modern visual builder without abandoning your CMS investment. Skip it if you need a backend-agnostic or fully English-supported toolchain today.

heatdrop uses Google Analytics to see which pages get read — nothing else. Your call. How we handle data.