PHPackages lupael/elementa - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. [Admin Panels](/categories/admin) 4. / 5. lupael/elementa ActiveLibrary[Admin Panels](/categories/admin) lupael/elementa =============== Elementa — Modular Laravel Frontend Builder (drag-and-drop, plugins, collaborative editing, marketplace, analytics, WCAG 2.1 AA). 2.5.0(1mo ago)481MITPHPPHP ^8.1CI failing Since May 30Pushed 1mo agoCompare [ Source](https://github.com/lupael/elementa)[ Packagist](https://packagist.org/packages/lupael/elementa)[ Docs](https://github.com/lupael/elementa)[ RSS](/packages/lupael-elementa/feed)WikiDiscussions main Synced 1w ago READMEChangelog (10)Dependencies (8)Versions (16)Used By (0) [ ![Elementa](https://raw.githubusercontent.com/lupael/elementa/main/packages/lupael/elementa/docs/assets/logo.svg) ](https://github.com/lupael/elementa) **Elementa** — a modular, drag-and-drop frontend builder for Laravel. Build pages like Elementor. Extend like a Laravel package. [![Latest release](https://camo.githubusercontent.com/6fb28238f9a49025073736cb06bd4431c5c363da681dacfed84e5c538787d86a/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f762f72656c656173652f6c757061656c2f656c656d656e74613f696e636c7564655f70726572656c656173657326736f72743d73656d766572267374796c653d666c61742d73717561726526636f6c6f723d363336366631)](https://github.com/lupael/elementa/releases/latest)[![Packagist](https://camo.githubusercontent.com/e0465fa994105da88ad62f44fe89272ecab5a12e8e39a8ebf8af54772ecf8e0d/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f7061636b61676973742d6c757061656c253246656c656d656e74612d3134623861363f7374796c653d666c61742d737175617265266c6f676f3d7061636b6167697374266c6f676f436f6c6f723d7768697465)](https://packagist.org/packages/lupael/elementa)[![PHP 8.1–8.3](https://camo.githubusercontent.com/6a6200c1a44dfccde35dfe92ba4af98e9b54f29d1cb73cef550b85f926fc1b03/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f5048502d382e31253230253743253230382e32253230253743253230382e332d3763336165643f7374796c653d666c61742d737175617265266c6f676f3d706870266c6f676f436f6c6f723d7768697465)](#)[![Laravel 10–12](https://camo.githubusercontent.com/afba710444be15a74c4b2faf0785c85a9c1c1b7628b8fcd011f41d888332f769/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4c61726176656c2d3130253230253743253230313125323025374325323031322d6634336635653f7374796c653d666c61742d737175617265266c6f676f3d6c61726176656c266c6f676f436f6c6f723d7768697465)](#)[![WCAG 2.1 AA](https://camo.githubusercontent.com/287ed91775f1a563a1f3fc3f712096b4052d3ed01b28f5fa407239c62f25b8e5/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f574341472d322e3125323041412d3232633535653f7374796c653d666c61742d737175617265)](#)[![62 smoke + 4 unit tests](https://camo.githubusercontent.com/ca69329bfe5ea2979430d6d1761871f9ee863ae7d980bb71f2a56a4ef41482ae/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f74657374732d3632253230736d6f6b6525323025324225323034253230756e69742d3232633535653f7374796c653d666c61742d737175617265)](#) [Quick start](#-quick-start) · [Features](#-feature-tour) · [Getting started](packages/lupael/elementa/docs/getting-started.md) · [User guide](packages/lupael/elementa/docs/user-guide.md) · [Plugins](packages/lupael/elementa/docs/plugin-development.md) · [API](packages/lupael/elementa/docs/api-reference.md) · [FAQ](packages/lupael/elementa/docs/faq.md) [![Elementa editor](https://raw.githubusercontent.com/lupael/elementa/main/packages/lupael/elementa/docs/assets/editor.svg)](https://raw.githubusercontent.com/lupael/elementa/main/packages/lupael/elementa/docs/assets/editor.svg) --- ✨ Why Elementa? --------------- [](#-why-elementa) Elementa lets non-technical users build production pages with a **visual, drag-and-drop editor**, while giving developers a **clean, plugin-friendly Laravel package** they can extend in PHP. It's not a fork of WordPress or a hosted SaaS — it's a regular Composer package you install into your Laravel app and own end-to-end. You get…What it means🎨 **Drag-and-drop Vue 3 editor**10 core widgets, inspector, undo/redo, animated reorder, live iframe preview, responsive viewports🧩 **Plugin API**Third-party widgets, themes, and templates auto-discovered from any Composer package👥 **Real-time collaboration**Presence, monotonic version + 409-on-stale, optional Pusher / Reverb broadcasting🛒 **Marketplace + licensing**HMAC-signed license keys, pluggable payment gateways (Stripe, Null, your own)🔒 **Roles + approval workflow**`designer` / `editor` / `reviewer` / `admin` + `draft → in_review → approved → published`📊 **Analytics dashboards**Top pages / widgets / per-day buckets · JSON + CSV export🌍 **Multi-language**`pb_translations`, `LocalizedRenderer`, `?locale=` switching, hreflang, RTL detection♿ **WCAG 2.1 AA certification**`WcagReporter` + heuristics auditor + structural checks (landmarks, lang, viewport zoom)⚡ **Performance**Page cache, queue-based revalidation, CDN rewriting, lazy-loaded images--- 🚀 Quick start ------------- [](#-quick-start) ### 1. Require the package [](#1-require-the-package) ``` composer require lupael/elementa ``` ### 2. Publish & migrate [](#2-publish--migrate) ``` php artisan vendor:publish --provider="Lupael\Elementa\ElementaServiceProvider" php artisan migrate ``` ### 3. Seed starter templates (optional) [](#3-seed-starter-templates-optional) ``` php artisan elementa:seed-templates ``` ### 4. Open the editor [](#4-open-the-editor) ``` http://your-app.test/page-builder/editor ``` Drag a section onto the canvas, drop in a heading + button, hit **Publish**. Done. > Don't have a Laravel app handy? Check out the [`demo/`](./demo/) directory — it shows how to consume Elementa as a path repo for local development. --- 🎭 Feature tour -------------- [](#-feature-tour) ### Visual editor with inspector [](#visual-editor-with-inspector) The editor is a single Vue 3 SPA mounted in a Blade view (no build step required — Vue loads from a CDN by default). Drag widgets from the left palette, edit their settings in the right inspector, and watch your changes reflected live with smooth animated reordering. [![Drag-and-drop editor](https://raw.githubusercontent.com/lupael/elementa/main/packages/lupael/elementa/docs/assets/editor.svg)](https://raw.githubusercontent.com/lupael/elementa/main/packages/lupael/elementa/docs/assets/editor.svg) ### Six production-ready starter templates [](#six-production-ready-starter-templates) Landing pages, blog posts, corporate sites, e-commerce product showcases, personal portfolios, and SaaS pricing — all installable via `php artisan elementa:seed-templates`. [![Starter templates](https://raw.githubusercontent.com/lupael/elementa/main/packages/lupael/elementa/docs/assets/templates.svg)](https://raw.githubusercontent.com/lupael/elementa/main/packages/lupael/elementa/docs/assets/templates.svg) ### Real-time collaboration [](#real-time-collaboration) Multiple editors on the same page see each other's presence indicators, live cursors, and document patches. Optimistic concurrency means stale patches are rejected with `HTTP 409` and a rebase hint — no merge conflicts. [![Collaboration](https://raw.githubusercontent.com/lupael/elementa/main/packages/lupael/elementa/docs/assets/collaboration.svg)](https://raw.githubusercontent.com/lupael/elementa/main/packages/lupael/elementa/docs/assets/collaboration.svg) ### Marketplace + HMAC-signed licenses [](#marketplace--hmac-signed-licenses) A built-in marketplace for premium templates, themes, widgets, and plugins. Pluggable payment gateways (`NullGateway`, `StripeGateway`, or your own via `GatewayInterface`). Per-user license keys are HMAC-signed and verifiable offline. [![Marketplace](https://raw.githubusercontent.com/lupael/elementa/main/packages/lupael/elementa/docs/assets/marketplace.svg)](https://raw.githubusercontent.com/lupael/elementa/main/packages/lupael/elementa/docs/assets/marketplace.svg) ### Analytics dashboards [](#analytics-dashboards) Track which pages, widgets, and templates actually get used. Export raw or aggregated data as CSV. Build your own dashboards by hitting `/api/page-builder/analytics/*`. [![Analytics dashboard](https://raw.githubusercontent.com/lupael/elementa/main/packages/lupael/elementa/docs/assets/analytics.svg)](https://raw.githubusercontent.com/lupael/elementa/main/packages/lupael/elementa/docs/assets/analytics.svg) --- 🏛 Architecture at a glance -------------------------- [](#-architecture-at-a-glance) [![Elementa architecture](https://raw.githubusercontent.com/lupael/elementa/main/packages/lupael/elementa/docs/assets/architecture.svg)](https://raw.githubusercontent.com/lupael/elementa/main/packages/lupael/elementa/docs/assets/architecture.svg) Every layer is replaceable — swap the renderer, register your own widgets, plug in a different broadcaster, point assets at any CDN. See the [architecture guide](packages/lupael/elementa/docs/architecture.md) for the full picture. --- 📚 Documentation --------------- [](#-documentation) GuideForWhat's in it[Getting started](packages/lupael/elementa/docs/getting-started.md)Everyone5-minute install + first page[User guide](packages/lupael/elementa/docs/user-guide.md)Editors / designersBuild pages, apply themes, manage media[How-to tutorials](packages/lupael/elementa/docs/how-to/)Editors / designersStep-by-step recipes (themes, i18n, a11y)[Plugin development](packages/lupael/elementa/docs/plugin-development.md)PHP developers`PluginInterface`, registration, marketplace[Developer guide](packages/lupael/elementa/docs/developer-guide.md)PHP developersCustom widgets, controllers, events[Architecture](packages/lupael/elementa/docs/architecture.md)PHP developersLayers, services, data model[API reference](packages/lupael/elementa/docs/api-reference.md)IntegratorsREST endpoints, facade methods, events[Collaboration](packages/lupael/elementa/docs/collaboration.md)DevOps / PHPPusher / Reverb setup, presence channels[Marketplace](packages/lupael/elementa/docs/marketplace.md)Plugin authorsSubmit items, gateways, licensing[Analytics](packages/lupael/elementa/docs/analytics.md)DevOps / PHPEvent tracking, dashboards, CSV export[FAQ](packages/lupael/elementa/docs/faq.md)EveryoneCommon issues, troubleshooting--- 🗺 Roadmap --------- [](#-roadmap) Elementa follows [semantic versioning](https://semver.org). All seven planned milestones from `v0.1.0` (scaffold) through `v1.0.0` (Elementor-class polish + WCAG 2.1 AA certification) are already shipped and available as [GitHub Releases](https://github.com/lupael/elementa/releases). VersionThemeStatus`v0.1.0`Scaffold✅ Released`v0.2.0`Advanced editor features✅ Released`v0.3.0`Plugin API + Collaborative editing✅ Released`v0.4.0`Marketplace + Advanced roles✅ Released`v0.5.0`Analytics + Performance scaling✅ Released`v1.0.0`Polish + WCAG 2.1 AA + Audit trail✅ Released`v1.0.2`Namespace alignment + docs suite✅ Latest`v1.1.0`Documentation suite & visuals🔜 Next`v1.2.0+`Plugin marketplace ecosystemPlannedSee [`packages/lupael/elementa/CHANGELOG.md`](packages/lupael/elementa/CHANGELOG.md) for the full history. --- 🧪 Testing --------- [](#-testing) Elementa ships two complementary test layers — both run with zero setup beyond `php`: ``` # 1. End-to-end smoke test (no Laravel, no PHPUnit, no composer install) php smoke-test.php # → Result: 62 passed, 0 failed. # 2. PHPUnit unit tests cd packages/lupael/elementa php phpunit.phar # or vendor/bin/phpunit after `composer install` # → OK (4 tests, 8 assertions) ``` The GitHub Actions [CI workflow](.github/workflows/ci.yml) runs both layers across the **PHP 8.1 / 8.2 / 8.3** matrix on every push. --- 🤝 Contributing -------------- [](#-contributing) We follow a `main` (releases) + `develop` (ongoing work) branch strategy. Before opening a PR: 1. Branch from `develop`. 2. Run `php smoke-test.php` — it must report **62 passed**. 3. Add an entry to `packages/lupael/elementa/CHANGELOG.md` under the unreleased section. 4. Bump `composer.json` `version` if your change ships a release. Full rules: see [`CONTRIBUTING.md`](./CONTRIBUTING.md). --- 🛡 Security ---------- [](#-security) Found a security issue? Please email the maintainer listed in [`MAINTAINERS.md`](./MAINTAINERS.md) instead of opening a public issue. We aim to acknowledge within 48 hours. --- 📜 License --------- [](#-license) Elementa is open-source software released under the [MIT license](./LICENSE). > Built with ☕ and a lot of CSS variables by [@lupael](https://github.com/lupael) and contributors. ### Health Score 41 — FairBetter than 87% of packages Maintenance89 Actively maintained with recent releases Popularity10 Limited adoption so far Community7 Small or concentrated contributor base Maturity50 Maturing project, gaining track record Bus Factor1 Top contributor holds 100% of commits — single point of failure How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Release Activity Cadence Every ~0 days Total 12 Last Release 53d ago Major Versions 1.6.0 → 2.0.02026-06-01 ### Community Maintainers ![](https://www.gravatar.com/avatar/e2abb40d3b46e28ca326e10ab26dea8b4686c641043ff39d9f2a3339f3285120?d=identicon)[lupael](/maintainers/lupael) --- Top Contributors [![lupael](https://avatars.githubusercontent.com/u/43011721?v=4)](https://github.com/lupael "lupael (2 commits)") --- Tags elementafrontend-builderlaravellaravelcmspluginswcagdrag-and-dropelementormarketplacepage buildercollaborativeelementa ### Code Quality TestsPHPUnit ### Embed Badge ![Health badge](/badges/lupael-elementa/health.svg) ``` [![Health](https://phpackages.com/badges/lupael-elementa/health.svg)](https://phpackages.com/packages/lupael-elementa) ``` ### Alternatives [psalm/plugin-laravel Psalm plugin for Laravel 3345.3M347](/packages/psalm-plugin-laravel)[laravel/scout Laravel Scout provides a driver based solution to searching your Eloquent models. 1.7k55.0M632](/packages/laravel-scout)[laravel/pulse Laravel Pulse is a real-time application performance monitoring tool and dashboard for your Laravel application. 1.7k15.1M136](/packages/laravel-pulse)[roots/acorn Framework for Roots WordPress projects built with Laravel components. 9762.4M133](/packages/roots-acorn)[pressbooks/pressbooks Pressbooks is an open source book publishing tool built on a WordPress multisite platform. Pressbooks outputs books in multiple formats, including PDF, EPUB, web, and a variety of XML flavours, using a theming/templating system, driven by CSS. 45444.2k1](/packages/pressbooks-pressbooks)[flarum/core Delightfully simple forum software. 211.4M2.4k](/packages/flarum-core) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)