PHPackages fourkitchens/emulsify - 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. [Framework](/categories/framework) 4. / 5. fourkitchens/emulsify AbandonedArchivedDrupal-theme[Framework](/categories/framework) fourkitchens/emulsify ===================== Project template for Drupal 8 themes v3.1(7y ago)162188.0k68[37 issues](https://github.com/fourkitchens/emulsify/issues)[30 PRs](https://github.com/fourkitchens/emulsify/pulls)MITJavaScript Since Nov 11Pushed 3y ago5 watchersCompare [ Source](https://github.com/fourkitchens/emulsify)[ Packagist](https://packagist.org/packages/fourkitchens/emulsify)[ Docs](http://emulsify.info)[ RSS](/packages/fourkitchens-emulsify/feed)WikiDiscussions develop Synced 2d ago READMEChangelog (9)Dependencies (5)Versions (59)Used By (0) [![Four Kitchens](https://camo.githubusercontent.com/da20770706f9268cb127a10d743b712ae4b43eacfca7cd2fe08c5fa7e88ed5a7/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f344b2d466f75722532304b69746368656e732d3335414134452e737667)](https://fourkitchens.com/) ⚠️ **You are viewing the legacy version of Emulsify** ⚠️ You can find the current version of Emulsify Design System at [github.com/emulsify-ds](https://github.com/emulsify-ds/) If you'd like to upgrade your Emulsify project to the new version, [check out this documentation](https://docs.emulsify.info/installation/upgrading). --- Emulsify (legacy version) ========================= [](#emulsify-legacy-version) ### Pattern Lab + Drupal 8 [](#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) Emulsify supports both NPM and YARN. Install with NPM: `composer create-project fourkitchens/emulsify:^3.0 --stability dev --no-interaction emulsify && cd emulsify && npm install` Install with Yarn: `composer create-project fourkitchens/emulsify:^3.0 --stability dev --no-interaction emulsify && cd emulsify && yarn install` Drupal installation ------------------- [](#drupal-installation) ### In a Composer-based Drupal install (recommended) [](#in-a-composer-based-drupal-install-recommended) 1. Require emulsify in your project `composer require fourkitchens/emulsify` 2. Move into the original emulsify theme `cd web/themes/contrib/emulsify/` 3. Create your new theme by cloning emulsify `php emulsify.php "THEME NAME"` (Run `php emulsify.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` 7. Proceed to the "Starting Pattern Lab…" section below If you're not using a Composer-based Drupal install (e.g. tarball download from drupal.org) installation [instructions can be found on the Wiki](https://github.com/fourkitchens/emulsify/wiki/Install-(without-Composer)). Troubleshooting Installation: See [Drupal Installation FAQ](https://github.com/fourkitchens/emulsify/wiki/Install-(Composer)#drupal-installation-faq). *Note: Once you've created your custom theme, you can remove Emulsify 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 Emulsify 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✔Emulsify is focused on being as lightweight as possible.SVG sprite support **✔**Automated support for creating SVG sprites.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 ()Automated Accessibility Testing **✔**Accessibility Testing using pa11y ()### Emulsify's Built in Components with Drupal support [](#emulsifys-built-in-components-with-drupal-support) Forms, tables, video, accordion, cards, breadcrumbs, tabs, pager, status messages, grid View a [demo of these default Emulsify components](https://fourkitchens.github.io/emulsify/pattern-lab/public/). Documentation ------------- [](#documentation) Documentation is currently provided in [the Wiki](https://github.com/fourkitchens/emulsify/wiki). Here are a few basic links: #### General Orientation [](#general-orientation) See [Orientation](https://github.com/fourkitchens/emulsify/wiki/Orientation) We have a [series of videos](https://www.youtube.com/playlist?list=PLO9S6JjNqWsGMQLDfE8Ekt0ryrGa3g4km) for you to learn more about Emulsify. #### For Designers (Prototyping) [](#for-designers-prototyping) See [Designers](https://github.com/fourkitchens/emulsify/wiki/For-Designers) #### For Drupal 8 Developers [](#for-drupal-8-developers) See [Drupal Usage](https://github.com/fourkitchens/emulsify/wiki/Drupal-Usage) #### Gulp Configuration [](#gulp-configuration) See [Gulp Config](https://github.com/fourkitchens/emulsify/wiki/Gulp-Config) ### Health Score 45 — FairBetter than 91% of packages Maintenance15 Infrequent updates — may be unmaintained Popularity45 Moderate usage in the ecosystem Community29 Small or concentrated contributor base Maturity77 Established project with proven stability Bus Factor1 Top contributor holds 52.8% 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 ~50 days Recently: every ~44 days Total 15 Last Release 2756d ago Major Versions v1.1.2 → v2.0.02017-08-07 v2.7 → v3.02018-12-11 ### Community Maintainers ![](https://avatars.githubusercontent.com/u/1663810?v=4)[Brian Lewis](/maintainers/ModulesUnraveled)[@ModulesUnraveled](https://github.com/ModulesUnraveled) ![](https://www.gravatar.com/avatar/c0e61c319d853fdc35670358f4d441cfc1167a8e0fbce4f075ca707c916a3fe8?d=identicon)[fourkitchens](/maintainers/fourkitchens) ![](https://www.gravatar.com/avatar/b3097fac15f816b756310b8660da0b23313f50a9c5dd0ad712b06234093cf747?d=identicon)[evanmwillhite](/maintainers/evanmwillhite) ![](https://www.gravatar.com/avatar/bcff6c6b4e32181dbe35dbb2a092a94dea6264b7a516a6ea3b57570e9556b707?d=identicon)[americkson](/maintainers/americkson) --- Top Contributors [![ModulesUnraveled](https://avatars.githubusercontent.com/u/1663810?v=4)](https://github.com/ModulesUnraveled "ModulesUnraveled (151 commits)")[![ccjjmartin](https://avatars.githubusercontent.com/u/12279982?v=4)](https://github.com/ccjjmartin "ccjjmartin (51 commits)")[![amazingrando](https://avatars.githubusercontent.com/u/409903?v=4)](https://github.com/amazingrando "amazingrando (28 commits)")[![shaal](https://avatars.githubusercontent.com/u/22901?v=4)](https://github.com/shaal "shaal (18 commits)")[![JeffTomlinson](https://avatars.githubusercontent.com/u/2602202?v=4)](https://github.com/JeffTomlinson "JeffTomlinson (12 commits)")[![froboy](https://avatars.githubusercontent.com/u/238201?v=4)](https://github.com/froboy "froboy (7 commits)")[![mikeethedude](https://avatars.githubusercontent.com/u/15275301?v=4)](https://github.com/mikeethedude "mikeethedude (6 commits)")[![ay13](https://avatars.githubusercontent.com/u/72563?v=4)](https://github.com/ay13 "ay13 (4 commits)")[![syammohanmp](https://avatars.githubusercontent.com/u/3455064?v=4)](https://github.com/syammohanmp "syammohanmp (1 commits)")[![thamas](https://avatars.githubusercontent.com/u/1244043?v=4)](https://github.com/thamas "thamas (1 commits)")[![dasginganinja](https://avatars.githubusercontent.com/u/3484472?v=4)](https://github.com/dasginganinja "dasginganinja (1 commits)")[![deepak-zyxware](https://avatars.githubusercontent.com/u/19907699?v=4)](https://github.com/deepak-zyxware "deepak-zyxware (1 commits)")[![EvanLovely](https://avatars.githubusercontent.com/u/569699?v=4)](https://github.com/EvanLovely "EvanLovely (1 commits)")[![infiniteluke](https://avatars.githubusercontent.com/u/1127238?v=4)](https://github.com/infiniteluke "infiniteluke (1 commits)")[![iStryker](https://avatars.githubusercontent.com/u/654354?v=4)](https://github.com/iStryker "iStryker (1 commits)")[![naxoc](https://avatars.githubusercontent.com/u/193283?v=4)](https://github.com/naxoc "naxoc (1 commits)")[![philwolstenholme](https://avatars.githubusercontent.com/u/6339853?v=4)](https://github.com/philwolstenholme "philwolstenholme (1 commits)") --- Tags component-drivendrupaldrupal-8emulsifypattern-labtheme ### Embed Badge ![Health badge](/badges/fourkitchens-emulsify/health.svg) ``` [![Health](https://phpackages.com/badges/fourkitchens-emulsify/health.svg)](https://phpackages.com/packages/fourkitchens-emulsify) ``` ### Alternatives [govcms/govcms GovCMS Drupal Distribution 198102.2k3](/packages/govcms-govcms)[apigee/apigee_devportal_kickstart A fast demo and starting point for Apigee Developer Portals. 28108.2k2](/packages/apigee-apigee-devportal-kickstart)[voidagency/vactory_starter_kit Vactory is a custom Drupal profile which is developed and released by VOID Agency. 1021.6k](/packages/voidagency-vactory-starter-kit) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)