UI Page Builder
No security coverage
Ui ecosystem
This project provides a low-code, drag-and-drop page builder for Drupal. It creates pages visually using a React-based interface but outputs clean, semantic HTML without excess code, making it ideal for both traditional and headless Drupal websites. The builder stores page data as JSON, enhancing portability and performance.
A visual, low-code page builder storing data as JSON and rendering pure HTML without divitis.
OVERVIEW
Why UI Builder? Most page builders create deeply nested
structures (divitis) that hurt performance and SEO. UI Builder is different. It provides a beautiful React-based drag-and-drop experience in the backend, but saves everything as clean, structured JSON. On the frontend, it renders pure, semantic HTML.KEY FEATURES
- Visual Drag & Drop Canvas: Build pages instantly with real-time previews.
- Zero Divitis: Outputs semantic, accessibility-friendly HTML.
- Bulletproof Media Management: Integrated with Drupal's Media Library, but smartly falls back to standard file entities (supporting SVGs and custom formats without crashing).
- Centralized Base Styles: Manage your brand colors, typography, and spacing in one place.
- Auto-Installation: Intelligently handles its own dependencies (media, file, image).
- DATA STORAGE The builder does not save raw HTML to the database. Instead, it serializes your layout into a clean JSON object.
- This makes your data highly portable and perfect for headless (decoupled) Drupal architectures.