Design System API gives Drupal a shared design contract that themes implement and modules build against. Modules use semantic design tokens and pattern specs instead of theme-specific CSS, so their UI looks and behaves consistently under any theme that implements the contract, and acceptably under themes that don't, thanks to built-in defaults.
Built on core's Design Tokens API (W3C DTCG format) and Single Directory Components. Framework-agnostic: works for Twig, vanilla JS and islands in any framework.
Includes:
- the contract vocabulary of semantic tokens, with default values for admin and frontend contexts
- structured design rules (must / should / may) with stable IDs, readable by people, linters and AI assistants
- a resolver that merges contract, theme and project layers and outputs CSS custom properties
- adapters for the core themes Claro and Default Admin
Status: experimental. The vocabulary will change while it's being developed together with theme maintainers.
Ask your assistant about Design System API
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
No dependencies recorded for this project.
Required by
Tracked projects that depend on this one
No tracked projects depend on this one yet.
Activity
Releases
| Version | Type | Core | PHP | Release date | |
|---|---|---|---|---|---|
| 1.0.0-alpha1 | Pre-release | PHP >=8.3 | Oct 18, 2026 |