Modern frontends, built inside Drupal.
SDX is our open-source toolkit for building modern, app-like interfaces with React, Svelte, or Vue inside Drupal itself. Pages are assembled on the server, so they load fast and search engines can read everything. A modern frontend, a real CMS, one codebase.
App-grade frontend, without giving up Drupal.
Most teams face two bad options: keep an aging Drupal theme, or go headless, splitting the site into a separate app that talks to Drupal from the outside. SDX is the third path. We build modern components directly inside Drupal, assembled on the server before they reach the browser, so you get the frontend you want and keep the CMS your team relies on.
- React, Svelte, or Vue components inside Drupal
- Pages arrive ready-built: fast for visitors, readable for search engines
- Drupal content, permissions, routing, and editor workflows stay intact
- Open source, maintained by the team building your site
A modern frontend, without running two separate systems.
SDX gives you the frontend flexibility of React, Vue, or Svelte while keeping Drupal's CMS, routing, permissions, caching, and editorial workflows intact.
| Traditional Drupal | Headless Drupal | SDX Recommended for modern Drupal builds | |
|---|---|---|---|
| Modern components | Limited, classic templates | Yes, in a separate app | React, Vue, or Svelte inside Drupal |
| Server rendering & SEO | Native | Needs extra setup | Integrated SSR |
| Editorial experience | Native Drupal admin | Preview often needs work | Editors stay in Drupal |
| Routing, permissions, caching | Native | Recreated through APIs | Drupal-native |
| Releases | One release | Two systems to release | One release, led by Drupal |
| Adoption path | Classic theme | Architecture shift | Start with one component, scale up |
| Best for | Standard CMS sites | Separate web apps | App-grade Drupal frontends |
Headless is the right call when you genuinely need separate applications. SDX is the better fit when you want a modern frontend but Drupal should stay the center of the project.
Components in Drupal, rendered on the server.
SDX plugs modern components into the way Drupal already builds its pages, so the first view appears instantly and everything stays under Drupal's control.
Components live in your theme
React, Svelte, or Vue components sit in the Drupal theme, versioned with the rest of the site.
Server-side rendered
Pages are assembled on the server, so visitors see content immediately and search engines can read all of it.
Data comes from Drupal
Content, fields, and settings flow straight from Drupal into the components. No extra data layer to build and maintain.
App-like navigation
Moving between pages feels instant, like an app, while every page still arrives search-ready from the server.
One build, one deploy
Content and app go live together in one step, with no downtime.
Open source, maintained by us
We build and maintain SDX in the open and contribute back to Drupal.
- SSR
- Server-renderedLoads fast, ready for search
- One
- CodebaseContent and app together
- Zero
- Extra frontend hostingIt runs inside Drupal
- Open
- SourceMaintained by us, on drupal.org
You are looking at SDX right now.
Every page you have scrolled through is SDX: real React components, server-rendered straight from Drupal, with content editors still in full control. If you want a frontend like this on your Drupal, let us talk.