Part of the UI ecosystem · 46 projects
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.
Ask your assistant about UI Page Builder
Check compatibility with your Drupal and PHP version, maintenance and security coverage, from current release data. How it works
Depends on
Dependencies of the latest stable release
- file Drupal core
- image Drupal core
- media Drupal core
Required by
Tracked projects that depend on this one
No tracked projects depend on this one yet.
More in the UI ecosystem
Most installed first