PHPackages bkhouy/ui-suite-base - 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. [Utility & Helpers](/categories/utility) 4. / 5. bkhouy/ui-suite-base ActiveDrupal-recipe[Utility & Helpers](/categories/utility) bkhouy/ui-suite-base ==================== Installs the full UI Suite starter stack to quickly set up a component-based design system in Drupal 1.0.1(5mo ago)014GPL-2.0-or-later Since Nov 15Pushed 5mo agoCompare [ Source](https://github.com/BrahimKHY/ui-suite-base)[ Packagist](https://packagist.org/packages/bkhouy/ui-suite-base)[ RSS](/packages/bkhouy-ui-suite-base/feed)WikiDiscussions 1.x Synced 1mo ago READMEChangelogDependencies (6)Versions (3)Used By (0) UI Suite Base Recipe ==================== [](#ui-suite-base-recipe) 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 ---------- [](#-features) - Installs all major **UI Patterns 2.x** ecosystem modules - Enables **UI Skins** and **UI Icons** for enhanced presentation and theming - 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** --- 📦 Included Contrib Dependencies ------------------------------- [](#-included-contrib-dependencies) This recipe requires the following contributed modules: ``` { "drupal/ui_patterns": "^2.0", "drupal/ui_examples": "^1.0", "drupal/ui_skins": "^1.1@alpha", "drupal/ui_styles": "^1.19", "drupal/ui_icons": "^1.1@beta", "drupal/display_builder": "^1.0@alpha" } ``` 🔧 Modules Installed by This Recipe ---------------------------------- [](#-modules-installed-by-this-recipe) The recipe installs all key building blocks necessary for a full UI Suite setup: ### 🧩 UI Patterns Core & Extensions [](#-ui-patterns-core--extensions) - `ui_patterns` - `ui_patterns_blocks` - `ui_patterns_field_formatters` - `ui_patterns_layouts` - `ui_patterns_library` - `ui_patterns_views` - `ui_patterns_field` - `ui_patterns_ui` ### UI Styles & UI Skins [](#ui-styles--ui-skins) - `ui_styles` - `ui_styles_block` - `ui_styles_ckeditor5` - `ui_styles_entity_status` - `ui_styles_layout_builder` - `ui_styles_ui_patterns` - `ui_styles_library` - `ui_styles_page` - `ui_styles_views` - `ui_skins` ### 🖼 UI Icons (Full Suite) [](#-ui-icons-full-suite) - `ui_icons` - `ui_icons_field` - `ui_icons_ckeditor5` - `ui_icons_menu` - `ui_icons_library` - `ui_icons_picker` - `ui_icons_text` - `ui_icons_patterns` - `ui_icons_media` - `ui_icons_font` ### 📚 UI Examples [](#-ui-examples) - `ui_examples` - `ui_examples_defaults` ### Display builder [](#display-builder) - `display_builder` - `display_builder_entity_view` - `display_builder_page_layout` - `display_builder_views` - `display_builder_ui` 📘 What This Recipe Provides --------------------------- [](#-what-this-recipe-provides) By installing this recipe you get: **✔ Ready-to-use component system** Patterns, fields, layouts, blocks, and views integration. **✔ Enhanced editorial UX** Settings UI, field groups, icon pickers, and pattern-driven content editing. **✔ A design-system-friendly architecture** Skins, styles, icon libraries, and reusable components. **✔ Example patterns & templates** UI Examples module provides reference implementations. 🛠 Installation -------------- [](#-installation) Install the recipe in your Drupal project using ddev (web as docroot): ``` # Install the recipe dependencies using composer. ddev composer require bkhouy/ui-suite-base # Apply the recipe. ddev exec -d /var/www/html/web php core/scripts/drupal recipe ../recipes/ui-suite-base ``` 📄 License --------- [](#-license) This recipe follows the licensing terms of the included Drupal modules. 📬 Maintainers ------------- [](#-maintainers) - [Brahim KHOUY](https://www.drupal.org/u/bkhouy) ### Health Score 32 — LowBetter than 71% of packages Maintenance74 Regular maintenance activity Popularity6 Limited adoption so far Community6 Small or concentrated contributor base Maturity36 Early-stage or recently created project 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 ~1 days Total 3 Last Release 172d ago ### Community Maintainers ![](https://www.gravatar.com/avatar/835c547f46226008df4da33f445bdf4ac10f2a3761de12b55e6a305eb6f22d9b?d=identicon)[BrahimKHY](/maintainers/BrahimKHY) --- Top Contributors [![BrahimKHY](https://avatars.githubusercontent.com/u/33271416?v=4)](https://github.com/BrahimKHY "BrahimKHY (2 commits)") --- Tags recipedrupal recipesdrupal recipe ### Embed Badge ![Health badge](/badges/bkhouy-ui-suite-base/health.svg) ``` [![Health](https://phpackages.com/badges/bkhouy-ui-suite-base/health.svg)](https://phpackages.com/packages/bkhouy-ui-suite-base) ``` PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)