prototype

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 variables

Example with options:

php generator.php -n custom_theme -d 'Custom Theme' -p themes/custom -a short

Required Modules:

Twig Field Value
Twig Tweak

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.