Ui Suite Base
This Drupal recipe provides a pre-configured starter kit for a component-based design system. It sets up the core UI Suite ecosystem, including UI Patterns, UI Skins, UI Icons, and UI Examples, to enable a patterns-first workflow for building reusable components and pattern libraries.
A Drupal Recipe that provides a complete starter setup for UI Suite (component-based design). This recipe installs and configures the core UI Suite ecosystem, allowing developers to quickly adopt a patterns-first, component-driven workflow based on UI Patterns, UI Skins, UI Icons, and UI Examples.
The goal of this recipe is to offer a ready-to-use component design foundation, ideal for projects that want a modern front-end architecture with reusable components, pattern libraries, and enhanced editorial tooling.
🚀 Features
- Installs all major UI Patterns 2.x ecosystem modules
- Enables UI Skins and UI Icons for enhanced presentation and theming
- Enables UI Styles to provide configurable style variants for components and layouts
- Enables Display Builder module
- Provides UI Examples for immediate learning and reference
- Prepares the site for a component-based workflow out of the box
- Ideal for design systems, pattern libraries, and component-driven theming
🛠Installation
Install the recipe in your Drupal project using DDEV :
# Install the recipe dependencies using composer.
ddev composer require drupal/ui_suite_base
# Clear the cache so Drupal is aware of the new required modules.
ddev drush cr
# Apply the recipe (web as docroot).
ddev exec -d /var/www/html/web php core/scripts/drupal recipe ../recipes/ui_suite_base