biaogebusy/web-builder

What it solves

It addresses the difficulty of rapidly building modern, responsive web applications and tool-based UIs by providing a low-code platform. It eliminates the need for manual coding for every page layout, allowing users to create multi-theme, multi-language sites with dynamic components and API integrations.

How it works

The platform uses a drag-and-drop visual editor based on TailwindCSS to build UIs. It leverages Drupal as a headless CMS to manage content and data. For AI-powered capabilities, it integrates with large models to generate UI components, pages, and tool applications. It also provides a specialized "Skills" package for Claude Code to handle UI optimization, JSON translation, and image prompt generation.

Who it’s for

It is designed for developers and designers who want to quickly prototype and deploy responsive websites, as well as those looking to integrate AI-driven UI generation into their development workflow.

Highlights

• AI-Powered Generation: Capable of generating UIs, pages, and tool applications using AI models.
• Visual Builder: Drag-and-drop layout builder with support for static and API data sources.
• Headless Architecture: Built on Drupal as a headless CMS for flexible content management.
• Responsive & Dynamic: Native support for TailwindCSS, multi-theme switching, and responsive previewing across different device sizes.
• Advanced Animations: Integration with AOS for scroll animations and GSAP for high-precision custom animations.
• Cross-Platform: Ability to manage and build pages for mini-programs (via Taro+NutUI).