Prototype
Prototype is a starter Drupal theme that utilizes Single Directory Components to provide a foundation for theme development. It includes a front-end build pipeline with SCSS, PostCSS, Webpack, Babel, and Browsersync for efficient theme creation.
Prototype is a starterkit Drupal theme leveraging Single Directory Components. The goal of Prototype is to provide a solid foundation for Drupal theme development by establishing a pattern of well organized components alongside a front-end build pipeline that utilizes SCSS, PostCSS, Webpack for JS bundling, Babel and Browsersync.
Post CSS and Babel respect .browserlistrc configuration, post processing CSS and JS as needed based on the browser versions defined.
Creating a starter theme
Navigate into the Prototype theme folder
Run ❯ php generator.php
Generator Options:
-n, --name A name for the theme
-d, --display-name A human readable display name for your theme
-p, --path The path where your theme will be created. Defaults: themes/custom
-a, --abbreviated Use abbreviated theme name for CSS variablesExample with options:
php generator.php -n custom_theme -d 'Custom Theme' -p themes/custom -a short
Required Modules:
5.x Branch
Version 5 of the theme is being actively developed for Drupal 10. This version is a structural adjustment of 4.x and utilizes Single Directory Components which was introduced in Drupal 10.3. You can learn more about SDC within Drupal here.
4.x Branch
Version 4 of the theme is not actively maintained but will receive bug fixes as needed. This version is a complete rewrite of 8.x-2.x and introduced a more straightforward architecture.