{"id":23980831,"url":"https://github.com/fourkitchens/uxnavigation","last_synced_at":"2026-06-12T18:33:28.805Z","repository":{"id":138003870,"uuid":"88792471","full_name":"fourkitchens/uxnavigation","owner":"fourkitchens","description":"Testing ground for exploring the UX of navigation patterns","archived":false,"fork":false,"pushed_at":"2017-04-20T14:39:49.000Z","size":1173,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":4,"default_branch":"master","last_synced_at":"2025-03-03T22:33:34.739Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/fourkitchens.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.txt","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2017-04-19T21:27:54.000Z","updated_at":"2022-08-29T14:38:14.000Z","dependencies_parsed_at":null,"dependency_job_id":"2a55d4a2-0746-4644-9293-22e87a494f70","html_url":"https://github.com/fourkitchens/uxnavigation","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/fourkitchens/uxnavigation","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fourkitchens%2Fuxnavigation","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fourkitchens%2Fuxnavigation/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fourkitchens%2Fuxnavigation/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fourkitchens%2Fuxnavigation/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/fourkitchens","download_url":"https://codeload.github.com/fourkitchens/uxnavigation/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fourkitchens%2Fuxnavigation/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":34258368,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-06-12T02:00:06.859Z","response_time":109,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-01-07T10:18:54.069Z","updated_at":"2026-06-12T18:33:28.786Z","avatar_url":"https://github.com/fourkitchens.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"[![Four Kitchens](https://img.shields.io/badge/4K-Four%20Kitchens-35AA4E.svg)](https://fourkitchens.com/)\n\n# Emulsify: Pattern Lab + Drupal 8\n\nComponent-driven prototyping tool using [Pattern Lab v2](http://patternlab.io/) automated via Gulp/NPM. Also serves as a starterkit Drupal 8 theme.\n\n## Requirements\n\n  1. [Node (we recommend NVM)](https://github.com/creationix/nvm)\n  2. [Gulp](http://gulpjs.com/)\n  3. [Composer](https://getcomposer.org/)\n  4. Optional: [Yarn](https://github.com/yarnpkg/yarn)\n\n## Quickstart\n\n  1. `npm install` or `yarn install`\n\n#### (Drupal-specific installation)\n\n  1. Download and enable [Components](https://www.drupal.org/project/components) module\n  2. Enable Emulsify theme\n\n## Starting Pattern Lab and watch task\n\n  Start up watches and local server after compiling (runs all gulp required tasks):\n\n  ```bash\n  npm start\n  ```\n\n  ---\n\n## Emulsify versus Pattern Lab Starter\n\n[Pattern Lab Starter](https://github.com/phase2/pattern-lab-starter) and Emulsify share a lot in common (see [`Acknowledgements`](https://github.com/fourkitchens/emulsify/wiki/Acknowledgements)). Below is a breakdown of the two to aid in deciding which is best for your project.\n\n\u003ctable\u003e\u003ctbody\u003e\n\u003ctr\u003e\u003ctd\u003e\u003c/td\u003e\u003ctd\u003e\u003cstrong\u003eEmulsify\u003c/strong\u003e\u003c/td\u003e\u003ctd\u003ePattern Lab Starter\u003c/td\u003e\u003ctd\u003e\u003c/td\u003e\u003c/tr\u003e\n\u003ctr\u003e\u003ctd\u003eLightweight\u003c/td\u003e\u003ctd\u003e✔\u003c/td\u003e\u003ctd\u003e\u003c/td\u003e\u003ctd\u003eEmulsify is about 1/2 the size of PLS\u003c/td\u003e\u003c/tr\u003e\n\u003ctr\u003e\u003ctd\u003eSVG sprite support \u003c/td\u003e\u003ctd\u003e\u003cstrong\u003e✔\u003c/strong\u003e\u003c/td\u003e\u003ctd\u003e\u003c/td\u003e\u003ctd\u003ePLS uses icon fonts.\u003c/td\u003e\u003c/tr\u003e\n\u003ctr\u003e\u003ctd\u003eStock Drupal templates \u003c/td\u003e\u003ctd\u003e\u003cstrong\u003e✔\u003c/strong\u003e\u003c/td\u003e\u003ctd\u003e\u003c/td\u003e\u003ctd\u003esee /templates directory\u003c/td\u003e\u003c/tr\u003e\n\u003ctr\u003e\u003ctd\u003eStock Components (see below) \u003c/td\u003e\u003ctd\u003e\u003cstrong\u003e✔\u003c/strong\u003e\u003c/td\u003e\u003ctd\u003e\u003c/td\u003e\u003ctd\u003ewith Drupal support built-in\u003c/td\u003e\u003c/tr\u003e\n\u003ctr\u003e\u003ctd\u003eYeoman generator\u003c/td\u003e\u003ctd\u003e\u003c/td\u003e\u003ctd\u003e✔\u003c/td\u003e\u003ctd\u003eAdds functionality to generate a new component using `yo component`\u003c/td\u003e\u003c/tr\u003e\n\u003ctr\u003e\u003ctd\u003eFaker support\u003c/td\u003e\u003ctd\u003e\u003c/td\u003e\u003ctd\u003e✔\u003c/td\u003e\u003ctd\u003ePHP \"dummy\" content generator\u003c/td\u003e\u003c/tr\u003e\n\u003c/tbody\u003e\n\u003c/table\u003e\n\n\u003ch3 id=\"components\"\u003eEmulsify's Built in Components (all responsive)\u003c/h3\u003e\nForms, tables, video, accordion, cards, breadcrumbs, tabs, pager, status messages, grid\n\n## Documentation\nDocumentation is currently provided in [the Wiki](https://github.com/fourkitchens/emulsify/wiki). Here are a few basic links:\n\n#### General Orientation\n\nSee [Orientation](https://github.com/fourkitchens/emulsify/wiki/Orientation)\n\n#### For Designers (Prototyping)\n\nSee [Designers](https://github.com/fourkitchens/emulsify/wiki/For-Designers)\n\n#### For Drupal 8 Developers\n\nSee [Drupal Components](https://github.com/fourkitchens/emulsify/wiki/Drupal-Components)\n\n#### Gulp Configuration\n\nSee [Gulp Config](https://github.com/fourkitchens/emulsify/wiki/Gulp-Config)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffourkitchens%2Fuxnavigation","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffourkitchens%2Fuxnavigation","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffourkitchens%2Fuxnavigation/lists"}