PHPackages                             notgoddess/abd - 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. notgoddess/abd

ActiveDrupal-theme

notgoddess/abd
==============

Drupal 8 theme

01[2 PRs](https://github.com/NotGoddess/abd/pulls)JavaScriptCI failing

Since Nov 18Pushed 5mo ago1 watchersCompare

[ Source](https://github.com/NotGoddess/abd)[ Packagist](https://packagist.org/packages/notgoddess/abd)[ RSS](/packages/notgoddess-abd/feed)WikiDiscussions master Synced 6d ago

READMEChangelogDependenciesVersions (3)Used By (0)

ABD: Pattern Lab + Drupal 8
===========================

[](#abd-pattern-lab--drupal-8)

Component-driven prototyping tool using [Pattern Lab v2](http://patternlab.io/) automated via Gulp/NPM. Also serves as *a starterkit* Drupal 8 theme.

Requirements
------------

[](#requirements)

1. [PHP 7.1](http://www.php.net/)
2. [Node (we recommend NVM)](https://github.com/creationix/nvm)
3. [Gulp](http://gulpjs.com/)
4. [Composer](https://getcomposer.org/)
5. Optional: [Yarn](https://github.com/yarnpkg/yarn)

Prototyping (separate from Drupal, Wordpress, etc.)
---------------------------------------------------

[](#prototyping-separate-from-drupal-wordpress-etc)

abd supports both NPM and YARN.

Install with NPM: `composer create-project notgoddess/abd --stability dev --no-interaction abd && cd abd && npm install`

Install with Yarn: `composer create-project notgoddess/abd --stability dev --no-interaction abd && cd abd && yarn install`

Drupal installation
-------------------

[](#drupal-installation)

### In a Composer-based Drupal install (recommended)

[](#in-a-composer-based-drupal-install-recommended)

1. Require abd in your project `composer require notgoddess/abd`
2. Move into the original abd theme `cd web/themes/contrib/abd/`
3. Create your new theme by cloning abd `php abd.php "THEME NAME"` (Run `php abd.php -h` for other available options)
4. Move into your theme directory `cd web/themes/custom/THEME_NAME/`
5. Install the theme dependencies `npm install` or `yarn install`
6. Enable your theme and its dependencies `drush then THEME_NAME -y && drush en components unified_twig_ext -y`

Windows glitches
----------------

[](#windows-glitches)

A minor patch to emulsify-gulp has been added to allow pa11y testing to work in a Windows environment.

After installing you may need to update the pattern-lab styleguideKitPath variable. Edit the file pattern-lab/config/config.yml and make `styleguideKitPath:` relative to the theme directory, e.g. `styleguideKitPath: 'vendor/pattern-lab/styleguidekit-twig-default'`

*Note: Once you've created your custom theme, you can remove abd as a dependency of your project. If you'd like to get updates as we push them, solely for educational/best-practice information, feel free to leave it in and receive the updates. Updating abd will not affect your custom theme in any way.*

Starting Pattern Lab and watch task
-----------------------------------

[](#starting-pattern-lab-and-watch-task)

The `start` command spins up a local server, compiles everything (runs all required gulp tasks), and watches for changes.

1. `npm start` or `yarn start`

---

Highlighted Features
--------------------

[](#highlighted-features)

Lightweight✔abd is focused on being as lightweight as possible.SVG sprite support **✔**Automated support for creating SVG sprites mixins/classes.Stock Drupal templates **✔**Templates from Stable theme - see /templates directoryStock Components **✔**with Drupal support built-in ()Performance Testing **✔**Support for testing via Google PageSpeed Insights and WebPageTest.org ()Automated Github Deployment **✔**Deploy your Pattern Lab instance as a Github page ()### abd's Built in Components with Drupal support

[](#abds-built-in-components-with-drupal-support)

Forms, tables, video, accordion, cards, breadcrumbs, tabs, pager, status messages, grid View a [demo of these default abd components](https://notgoddess.github.io/abd/pattern-lab/public/).

Documentation
-------------

[](#documentation)

This theme is based off the Four Kitchens Emulsify theme. Documentation is currently provided in [their Wiki](https://github.com/fourkitches/emulsify/wiki).

###  Health Score

25

—

LowBetter than 37% of packages

Maintenance49

Moderate activity, may be stable

Popularity1

Limited adoption so far

Community4

Small or concentrated contributor base

Maturity38

Early-stage or recently created project

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.

### Community

Maintainers

![](https://avatars.githubusercontent.com/u/1733794?v=4)[NotGoddess](/maintainers/NotGoddess)[@NotGoddess](https://github.com/NotGoddess)

### Embed Badge

![Health badge](/badges/notgoddess-abd/health.svg)

```
[![Health](https://phpackages.com/badges/notgoddess-abd/health.svg)](https://phpackages.com/packages/notgoddess-abd)
```

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)