{"id":38909,"url":"https://github.com/aleksip/component-based-theming","name":"component-based-theming","description":"Resources for component-based theming with Drupal and Twig","projects_count":179,"last_synced_at":"2026-07-11T13:00:29.758Z","repository":{"id":56698066,"uuid":"121015274","full_name":"aleksip/component-based-theming","owner":"aleksip","description":"Resources for component-based theming with Drupal and Twig","archived":false,"fork":false,"pushed_at":"2022-03-22T17:28:04.000Z","size":80,"stargazers_count":96,"open_issues_count":0,"forks_count":11,"subscribers_count":16,"default_branch":"master","last_synced_at":"2026-06-23T10:04:23.145Z","etag":null,"topics":["drupal","lists","pattern-lab","resources","theming","twig"],"latest_commit_sha":null,"homepage":"","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/aleksip.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2018-02-10T12:53:50.000Z","updated_at":"2025-05-04T08:19:07.000Z","dependencies_parsed_at":"2022-08-15T23:31:15.040Z","dependency_job_id":null,"html_url":"https://github.com/aleksip/component-based-theming","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/aleksip/component-based-theming","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aleksip%2Fcomponent-based-theming","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aleksip%2Fcomponent-based-theming/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aleksip%2Fcomponent-based-theming/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aleksip%2Fcomponent-based-theming/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/aleksip","download_url":"https://codeload.github.com/aleksip/component-based-theming/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aleksip%2Fcomponent-based-theming/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":35362871,"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-07-11T02:00:05.354Z","response_time":104,"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"}},"created_at":"2024-01-13T14:00:00.104Z","updated_at":"2026-07-11T13:00:29.759Z","primary_language":null,"list_of_lists":false,"displayable":true,"categories":["External tools","Presentations and videos","Drupal themes and design systems with Drupal integration","Full component-based solutions for Drupal","Drupal modules","Blog posts and articles","Related Drupal.org issues","Other resources","Component-based theming with Drupal explained for clients","Projects using Twig with JavaScript","Twig implementations and renderers for JavaScript"],"sub_categories":["Storybook","Pattern Lab","Fractal"],"readme":"# Resources for component-based theming with Drupal and Twig\n\nYou are welcome to submit a pull request if you know of a good resource not on this list.\n\n\n## Drupal themes and design systems with Drupal integration\n\n- [Bear Skin](https://www.drupal.org/project/bear_skin) ([GitHub](https://github.com/zivtech/bear_skin))\n- [Bolt](https://boltdesignsystem.com/) ([GitHub](https://github.com/bolt-design-system/bolt))\n- [Emulsify](https://www.drupal.org/project/emulsify) ([GitHub](https://github.com/fourkitchens/emulsify)) (Legacy version)\n- [Emulsify Drupal](https://github.com/emulsify-ds/emulsify-drupal) (Emulsify Design System)\n- [Flexi Pattern Lab](https://www.drupal.org/project/flexi_pattern_lab)\n- [Gesso](https://www.drupal.org/project/gesso) ([GitHub](https://github.com/forumone/gesso))\n- [Particle](https://github.com/phase2/particle)\n- [Radix](https://www.drupal.org/project/radix)\n- [Shila theme](https://github.com/aleksip/shila-drupal-theme)\n- [Theme Generator](https://github.com/mediacurrent/theme_generator_8)\n- [Union](https://github.com/ilrWebServices/union)\n- [Wingsuit](https://wingsuit-designsystem.github.io/)\n- [Zen](https://www.drupal.org/project/zen)\n- [Bootstrap Storybook](https://www.drupal.org/project/bootstrap_storybook)\n\n\n## Full component-based solutions for Drupal\n\n- [Compony](https://www.compony.io/) ([Theme skeleton](https://gitlab.com/Compony/Compony), [Gulp setup](https://gitlab.com/Compony/compony-theme-gulp), [Components](https://www.compony.io/components))\n\n\n## Drupal modules\n\n- [Component blocks](https://www.drupal.org/project/component_blocks)\n- [Component Libraries](https://www.drupal.org/project/components)\n- [Full Reset](https://www.drupal.org/project/full_reset)\n- [Layouts from Pattern Lab](https://www.drupal.org/project/layouts_pattern_lab)\n- [Multiple Definition Files](https://www.drupal.org/project/multiple_definition_files)\n- [Paragraphs](https://www.drupal.org/project/paragraphs)\n- [PatternKit](https://www.drupal.org/project/patternkit)\n- [Single File Components](https://www.drupal.org/project/sfc)\n- [UI Patterns](https://www.drupal.org/project/ui_patterns)\n- [UI Patterns From Layouts](https://www.drupal.org/project/ui_patterns_from_layouts)\n- [UI Patterns Pattern Lab](https://www.drupal.org/project/ui_patterns_pattern_lab)\n- [Unified Twig Extensions](https://github.com/drupal-pattern-lab/unified-twig-extensions)\n\n\n## Projects using Twig with JavaScript\n\n- [Twig Components](https://github.com/mortenson/twig-components) ([Drupal module](https://www.drupal.org/project/twig_components))\n\n\n## External tools\n\n### Pattern Lab\n\n- [Main website](https://patternlab.io/)\n\n\n#### Pattern Lab Node\n\nPattern Lab Node has two Twig engines, a PHP based one and a JavaScript based one. The Twig edition uses the PHP engine.\n\n- [Pattern Lab Node](https://github.com/pattern-lab/patternlab-node)\n\n\n#### Pattern Lab PHP\n\nPlease note that Pattern Lab PHP is no longer in active development.\n\n- [Pattern Lab Standard Edition for Twig](https://github.com/pattern-lab/edition-php-twig-standard)\n- [Pattern Lab Edition for PHPTemplate](https://github.com/aleksip/edition-php-tpl)\n\n\n##### Plugins\n\n- [Data Transform Plugin](https://github.com/aleksip/plugin-data-transform)\n- [Drupal Definitions Plugin](https://github.com/aleksip/plugin-drupal-definitions)\n- [Faker Plugin](https://github.com/pattern-lab/plugin-php-faker)\n- [Twig Namespaces Plugin](https://github.com/EvanLovely/plugin-twig-namespaces)\n\n\n##### Pattern Lab specific Twig extensions\n\n- [add-attributes-twig-extension](https://github.com/drupal-pattern-lab/add-attributes-twig-extension)\n- [bem-twig-extension](https://github.com/drupal-pattern-lab/bem-twig-extension)\n- [Pattern Twig Extension](https://gitlab.com/gambry/pattern-twig-extension)\n\n\n### Fractal\n\n- [Main website](https://fractal.build/)\n- [GitHub](https://github.com/frctl/fractal)\n- [Twig adapter](https://github.com/frctl/twig)\n- [Twig adapter with Drupal-specific support](https://github.com/wearewondrous/fractal-twig-drupal-adapter)\n\n\n### Storybook\n\n- [Main website](https://storybook.js.org/)\n- [GitHub](https://github.com/storybookjs/storybook)\n- [Storybook for Twig](https://github.com/markhuot/storybook-twig)\n\n\n## Twig implementations and renderers for JavaScript\n\n- [Twig.js](https://github.com/twigjs/twig.js)\n- [Twing](https://github.com/ericmorand/twing)\n- [twig-renderer](https://github.com/basaltinc/twig-renderer)\n\n\n## Blog posts and articles\n\n- [Demystifying components integration with Drupal](https://mariohernandez.io/blog/demystifying-components-integration-with-drupal)\n  - by Mario Hernandez, 17 June 2021\n- [Pattern Lab and Drupal 9: Prepare your theme for Twig 2](https://www.1xinternet.de/en/blog/patternlab-drupal9)\n  - by Adam Juran, 22 July 2020\n- [How to integrate your pattern library with Drupal's layout builder using Component Blocks module](https://www.previousnext.com.au/blog/how-integrate-your-pattern-library-drupals-layout-builder-using-component-blocks-module)\n  - by Lee Rowlands, 16 July 2020\n- [Introducing the New Version of Emulsify: Emulsify Design System](https://www.fourkitchens.com/blog/development/introducing-emulsify-design-system-new-version-emulsify/)\n  - by Four Kitchens, 16 April 2020\n- [Building a Drupal 8 Theme with Mediacurrent's Theme Generator](https://mariohernandez.io/blog/mediacurrent-theme-generator)\n  - by Mario Hernandez, 30 March 2020\n- [Building my site with Tome and Single File Components](https://mortenson.coffee/blog/building-my-site-tome-and-single-file-components/)\n  - by Samuel Mortenson, 2 February 2020\n- [Drupal themes and component libraries](https://www.aleksip.net/drupal-themes-and-component-libraries)\n  - by Aleksi Peebles, 17 November 2019\n- [Integrating Storybook with Drupal](https://medium.com/@askibinski/integrating-storybook-with-drupal-ddabfc6c2f9d)\n  - by Albert Skibinski, 1 November 2019\n- [Compony and the climate crisis](https://www.compony.io/blog/compony-and-climate-crisis)\n  - by Compony blog / Mathieu Spillebeen, 24 October 2019\n- [Decoupling the front-end without APIs and JavaScript](https://www.aleksip.net/decoupling-the-front-end-without-apis-and-javascript)\n  - by Aleksi Peebles, 20 October 2019\n- [Cross Component Fragility](https://www.compony.io/blog/cross-component-fragility)\n  - by Compony blog / Mathieu Spillebeen, 17 October 2019\n- [Simplifying Drupal frontend with Single File Components](https://mortenson.coffee/blog/drupal/2019/10/06/simplifying-drupal-frontend-single-file-components.html)\n  - by Samuel Mortenson, 6 October 2019\n- [Writing View Mode Templates in PatternLab](https://mark.ie/blog/web-development/writing-view-mode-templates-in-patternlab)\n  - by Mark Conroy, 13 September 2019\n- [Getting started](https://www.compony.io/blog/getting-started)\n  - by Compony blog / Mathieu Spillebeen, 12 September 2019\n- [Component-based theming with Layout Builder](https://www.aleksip.net/component-based-theming-with-layout-builder)\n  - by Aleksi Peebles, 25 August 2019\n- [How to update your downloaded components?](https://www.compony.io/blog/how-update-your-downloaded-components)\n  - by Compony blog / Mathieu Spillebeen, 26 July 2019\n- [How to set up multiple Compony themes in your project](https://www.compony.io/blog/how-set-multiple-compony-themes-your-project)\n  - by Compony blog / Mathieu Spillebeen, 19 July 2019\n- [A new approach for a new Pattern Lab](https://www.aleksip.net/a-new-approach-for-a-new-pattern-lab)\n  - by Aleksi Peebles, 12 July 2019\n- [Can I See the Menu, Please? Building and Integrating a Menu in Drupal](https://www.mediacurrent.com/blog/building-and-integrating-menu-drupal/)\n  - by Mario Hernandez, 3 June 2019\n- [Using Twig with Storybook and Drupal](https://www.amazeelabs.com/en/journal/using-twig-storybook-and-drupal)\n  - by  Jamie Hollern, 6 May 2019\n- [Drupal UI Patterns: Component Driven Development in Drupal](https://jigarius.com/blog/drupal-ui-patterns)\n  - by Jigar Mehta, 2 May 2019\n- [Secure components](https://www.compony.io/blog/secure-components)\n  - by Compony blog / Mathieu Spillebeen, 23 April 2019\n- [What is Compony?](https://www.compony.io/blog/what-compony)\n  - by Compony blog / Mathieu Spillebeen, 19 April 2019\n- [Create a Compony-component](https://www.compony.io/blog/create-compony-component)\n  - by Compony blog / Mathieu Spillebeen, 18 April 2019\n- [Frontend Architecture for Scalable Design Systems](https://medium.com/@salem_ghoweri/frontend-architecture-for-scalable-design-systems-72303bffde4b)\n  - by Salem Ghoweri, 15 April 2019\n- [Before You Start a Pattern Lab Project with Drupal](https://www.chapterthree.com/blog/pattern-lab)\n  - by Zakiya Khabir, 3 April 2019\n- [PatternLab: Linking to Patterns](https://mark.ie/blog/web-development/patternlab-linking-to-patterns)\n  - by Mark Conroy, 7 March 2019\n- [Handling Drupal attributes in components](https://mariohernandez.io/blog/drupal-attributes/)\n  - by Mario Hernandez, 10 January 2019\n- [Using Drupal’s definition files in component-based theming](https://www.aleksip.net/using-drupals-definition-files-in-component-based-theming)\n  - by Aleksi Peebles, 21 November 2018\n- [Using join, include, and attributes in YAML (.yml) files with Data Transform Plugin for Pattern Lab](https://medium.com/@philw_/using-join-include-and-attributes-in-yaml-yml-files-with-data-transform-plugin-for-pattern-lab-e4559d158562)\n  - by Phil Wolstenholme, 19 November 2018\n- [Drupal’s Layout Initiative and component-based theming](https://www.aleksip.net/drupals-layout-initiative-and-component-based-theming)\n  - by Aleksi Peebles, 17 November 2018\n- [Decoupling Pattern Lab from your theme a City of San Francisco project](https://www.chapterthree.com/blog/decoupling-pattern-lab-from-your-theme-a-city-of-san-francisco-project)\n  - by Israel Morales, 6 November 2018\n- [Creating Reusable Dynamic Content Components](http://a-fro.com/blog/creating-reusable-dynamic-content-components)\n  - by Aaron Froehlich, 6 November 2018\n- [Drupal 8 Pattern Lab for Component-Based Theming](https://anyforsoft.com/blog/drupal-8-pattern-lab-component-based-theming/)\n  - by AnyforSoft, 5 November 2018\n- [Getting the most out of SVGs with Twig templates](https://mosaicwebsites.com/blog/getting-most-out-svgs-twig-templates)\n  - by Igor Lakic, 22 October 2018\n- [Can I Stop PatternLab Variants from Inheriting Data from their Parent Component](https://mark.ie/blog/web-development/can-i-stop-patternlab-variants-inheriting-data-their-parent-component)\n  - by Mark Conroy, 19 October 2018\n- [Responsive images in the Emulsify (PL) theme - The easy way](http://mosaicwebsites.com/blog/responsive-images-emulsify-pl-theme-easy-way)\n  - by Igor Lakic, 4 October 2018\n- [Creating Paragraphs Entities for Dynamic Content](https://a-fro.com/blog/creating-paragraphs-entities-dynamic-content)\n  - by Aaron Froehlich, 26 September 2018\n- [Responsive Images with PatternLab and Drupal - the easy way](https://mark.ie/blog/web-development/responsive-images-patternlab-and-drupal-easy-way)\n  - by Mark Conroy, 20 September 2018\n- [10 lessons we learned from our first Drupal 8 + Pattern Lab via Emulsify project](https://www.reallifedigital.com/blog/10-lessons-we-learned-our-first-drupal-8-pattern-lab-emulsify-project)\n  - by Darren Fisher, 13 September 2018\n- [Creating a Card Component in PatternLab and Mapping to Drupal the \"right\" way](https://mark.ie/blog/web-development/creating-card-component-patternlab-and-mapping-drupal-right-way)\n  - by Mark Conroy, 8 September 2018\n- [How to make theme images work in Pattern Lab and Drupal](https://www.fourkitchens.com/blog/development/make-theme-images-work-pattern-lab-drupal/)\n  - by Brian Lewis, 11 July 2018\n- [My Approach to PatternLab?](https://mark.ie/blog/web-development/my-approach-patternlab)\n  - by Mark Conroy, 18 May 2018\n- [Adding {{ attributes }} to a Drupal PatternLab Theme](https://mark.ie/blog/web-development/adding-attributes-drupal-patternlab-theme)\n  - by Mark Conroy, 16 April 2018\n- [Introducing Twig Components](https://mortenson.coffee/blog/drupal/2018/04/09/introducing-twig-components.html)\n  - by Samuel Mortenson, 9 April 2018\n- [Achieving Clarity in Component-based Best Practices](http://nerdstein.net/blog/achieving-clarity-component-based-best-practices)\n  - by Adam Bergstein, 2 April 2018\n- [Componentizing Drupal Front End using Pattern Lab](https://valuebound.com/resources/blog/componentizing-drupal-front-end-using-pattern-lab)\n  - by Safallia Joseph, 9 March 2018\n- [Accommodating Drupal In Your Components](https://www.mediacurrent.com/blog/accommodating-drupal-your-components)\n  - by Eric Huffman, 15 February 2018\n- [Using Pattern Lab in Drupal 7 theme development](https://www.aleksip.net/using-pattern-lab-in-drupal-7-theme-development)\n  - by Aleksi Peebles, 5 February 2018\n- [Front end journey into Drupal + Pattern Lab](https://hackernoon.com/front-end-journey-into-drupal-pattern-lab-4db02e617fb4)\n  - by Mikhail Romanov, 12 January 2018\n- [Integrating a Drupal Text with Image Paragraph Bundle with Patternlab](https://mark.ie/blog/web-development/integrating-drupal-text-image-paragraph-bundle-patternlab)\n  - by Mark Conroy, 30 December 2017\n- [Field Notes: UI Patterns Module](http://www.hook42.com/blog/field-notes-ui-patterns-module)\n  - by Ryan Bateman, 27 December 2017\n- [A first taste of Drupal theming using Pattern Lab](https://weknowinc.com/blog/drupal-theming-using-pattern-lab)\n  - by Omar Aguirre, 26 December 2017\n- [Integrating a Simple Drupal Text Paragraph Bundle with Patternlab](https://mark.ie/blog/web-development/integrating-simple-drupal-text-paragraph-bundle-patternlab)\n  - by Mark Conroy, 21 December 2017\n- [Emulsify 2: Building a Full Site Header in Drupal](https://www.fourkitchens.com/blog/development/emulsify-2-building-full-site-header-drupal/)\n  - by Evan Willhite, 20 December 2017\n- [Exploring simplicity in Drupal design components](http://nerdstein.net/blog/exploring-simplicity-drupal-design-components)\n  - by Adam Bergstein, 2 October 2017\n- [Performance improvements with Drupal 8 Libraries](https://www.previousnext.com.au/blog/performance-improvements-drupal-8-libraries)\n  - by Rikki Bochow, 7 August 2017\n- [Component Based Theming at DrupalCon Baltimore](https://www.hs2solutions.com/blog/component-based-theming-drupalcon-baltimore)\n  - by Brian Perry, 9 May 2017\n- [Component Driven Development with Emulsify](https://www.youtube.com/watch?v=mokJpc7J1rM)\n  - by Brian Lewis and Evan Willhite, 15 March 2017\n- [Using UI Patterns module in a component-based Drupal 8 theme](https://www.aleksip.net/using-ui-patterns-module-in-a-component-based-drupal-8-theme)\n  - by Aleksi Peebles, 29 January 2017\n- [Introducing the UI Patterns module: use atomic UI components everywhere in Drupal 8](http://nuvole.org/blog/2017/jan/23/ui-patterns-module-re-use-ui-components-everywhere-in-drupal-8)\n  - by Antonio De Marco, 23 January 2017\n- [Drupal 8 Front-End Architecture](http://jordanpagewhite.github.io/drupal-8-front-end-architecture/)\n  - by Jordan White, 9 January 2017\n- Integrating Components with Drupal 8 ([Part 1](https://www.mediacurrent.com/blog/integrating-components-drupal-8-part-1), [Part 2](https://www.mediacurrent.com/blog/integrating-components-drupal-8-part-2), [Part 3](https://www.mediacurrent.com/blog/integrating-components-drupal-8-part-3))\n  - by Mario Hernandez, 11-21 November 2016\n- [Anatomy of a (terrific) Drupal 8 theme](https://www.zivtech.com/blog/anatomy-terrific-drupal-8-theme)\n  - by Alban Bailly, 7 November 2016\n- [Why should we base Drupal's theme system around components?](https://www.marcdrummond.com/posts/2016/09/26/why-base-drupal-theme-system-around-components)\n  - by Marc Drummond, 26 September 2016\n- [Component-Based Theming in Drupal 8: The Video Series](https://www.fourkitchens.com/blog/article/component-based-theming-drupal-8-video-series)\n  - by Evan Willhite, 21 September 2016\n- [Component-Based Theming in Drupal 8](http://www.mediacurrent.com/blog/component-based-theming-drupal-8)\n  - by Chris Doherty, 1 August 2016\n- [Introducing Pattern Lab Starter 8](https://www.phase2technology.com/blog/introducing-pattern-lab-starter-8/)\n  - by Evan Lovely, 6 June 2016\n- [A New Design System Architecture](https://micahgodbolt.com/blog/a-new-design-system-architecture/)\n  - by Micah Godbolt, 6 June 2016\n- [Pattern Lab and Drupal 8 theme integration update](https://www.aleksip.net/pattern-lab-and-drupal-8-theme-integration-update)\n  - by Aleksi Peebles, 9 May 2016\n- [Drupal’s front-end future: Component-based theming, OO rendering and targeted JS libraries](https://www.marcdrummond.com/posts/2016/03/25/drupal-front-end-future)\n  - by Marc Drummond, 25 March 2016\n- [Pattern Lab: Taking Our Workflow from a Linear to Parallel Process](https://www.phase2technology.com/blog/pattern-lab-taking-our-workflow-from-a-linear-to-parallel-process/)\n  - by Evan Lovely, 1 March 2016\n- [Making Pattern Lab work with Drupal 8 Twig theme templates](https://www.aleksip.net/making-pattern-lab-work-with-drupal-8-twig-theme-templates)\n  - by Aleksi Peebles, 29 January 2016\n- [Atomic design, Pattern Lab and Drupal 8 theme development](https://www.aleksip.net/atomic-design-pattern-lab-and-drupal-8-theme-development)\n  - by Aleksi Peebles, 29 January 2016\n- [Style-Guide-Driven Development: the new web development](https://www.previousnext.com.au/blog/style-guide-driven-development-new-web-development)\n  - by John Albin, 26 November 2014\n\n\n## Presentations and videos\n\n- Florida DrupalCamp 2022\n  - [Component theme development with Storybook and Emulsify](https://www.fldrupal.camp/session/component-theme-development-storybook-and-emulsify)\n    - by Mark Casias\n- BADCamp 2020\n  - [After 5 years, my dream Drupal component workflow is finally here](https://2020.badcamp.org/session/after-5-years-my-dream-drupal-component-workflow-finally-here)\n    - by Brian Perry\n- Drupal GovCon 2020\n  - [Component-Driven Theming with Storybook](https://www.drupalgovcon.org/2020/program/sessions/component-driven-theming-storybook)\n    - by Aaron Couch, Evan Willhite and Brian Lewis\n- SF Drupal Users Group, 10 September 2020\n  - [Best practices for Integrating components with Drupal](https://www.youtube.com/watch?v=PMST_gl4C4A)\n    - by Mario Hernandez\n- [Drupal Single File Components](https://www.youtube.com/watch?v=6ca2o4esi4I)\n  - by Samuel Mortenson, 24 July 2020\n- CMS Philly 2020\n  - [Using a single Frontend Design System for WordPress and Drupal with Emulsify](https://cmsphilly.org/talks/using-single-frontend-design-system-wordpress-and-drupal-emulsify)\n    - by Dean Oest\n  - [Wait, We Can Re-use this? Design Systems and Component Libraries for Fun and Profit](https://cmsphilly.org/talks/wait-we-can-re-use-design-systems-and-component-libraries-fun-and-profit)\n    - by Aaron Couch\n- Florida DrupalCamp 2020\n  - [An overview of front-end component integration methods in Drupal 8](https://www.fldrupal.camp/sessions/design-theming-front-end-development/overview-front-end-component-integration-methods) ([Slides](https://noti.st/brianperry/qKHUXG/an-overview-of-drupal-8-front-end-component-integration-methods), [YouTube](https://www.youtube.com/watch?v=mQpOIx9ZOpw))\n    - by Brian Perry\n- DrupalCamp Atlanta 2019\n  - [The future of Drupal theming](https://www.drupalcampatlanta.com/2019/sessions/future-drupal-theming) ([Slides](https://slides.com/mathieuspillebeen/deck-6-7-11#/))\n    - by Mathieu Spillebeen\n- Drupal GovCon 2019\n  - [Integrating Pattern Lab with Drupal 8](https://www.drupalgovcon.org/2019/program/sessions/integrating-pattern-lab-drupal-8)\n    - by Roshana Devkota and Kevin McCloskey\n- Drupal Camp Asheville 2019\n  - [Drag n' Drop/Mix n' Match: Patternkit + Layout Builder - The Next Gen of Drupal Page Building](https://www.drupalasheville.com/2019/session/drag-n-dropmix-n-match-patternkit-layout-builder-next-gen-drupal-page-building) ([YouTube](https://www.youtube.com/watch?v=8Ms4KIV4GP4))\n    - by Derek Reese\n- Drupal North 2019\n  - [Drupal UI Patterns: Component Driven Development in Drupal](https://drupalnorth.org/en/session/drupal-ui-patterns-component-driven-development-drupal) ([YouTube](https://www.youtube.com/watch?v=eeoSZ4ZblQE))\n    - by Jigar Mehta\n- Drupaldelphia 2019\n  - [Twig in Fractal in Drupal: Decoupling UI Components from Drupal Data Structures](https://www.drupaldelphia.org/session/twig-fractal-drupal-decoupling-ui-components-drupal-data-structures) ([YouTube](https://www.youtube.com/watch?v=Bvfymb0HkHg))\n    - by Chris Arasin\n- Budapest Drupal User Group Meetup April 2019\n  - [How we build component-based Drupal themes](https://noti.st/thamas/u1vB20/how-we-build-component-based-drupal-themes)\n    - by Tamás Hajas and Gábor Tompa\n- DrupalCon Seattle 2019\n  - [Frontend Architecture for Scalable Design Systems](https://events.drupal.org/seattle2019/sessions/design-system-architecture-pattern-lab-twig-and-web-components)\n    - by Salem Ghoweri\n  - [Pattern Lab: The Definitive How-to](https://events.drupal.org/seattle2019/sessions/pattern-lab-definitive-how)\n    - by Evan Lovely\n  - [An External Design System in Practice](https://events.drupal.org/seattle2019/sessions/external-design-system-practice)\n    - by Brian Perry\n- MidCamp 2019\n  - [An External Design System in Practice](https://www.midcamp.org/2019/topic-proposal/external-design-system-practice)\n    - By Brian Perry\n- DrupalCampNJ 2019\n  - [Getting Atomic with Pattern Lab](https://www.drupalcampnj.org/sessions/getting-atomic-pattern-lab)\n    - by Aaron Froehlich\n- BADCamp 2018\n  - [Demystifying Pattern Libraries and Drupal 8](https://2018.badcamp.org/session/demystifying-pattern-libraries-and-drupal-8)\n    - by Zakiya Khabir\n- Drupal Developer Days Lisbon 2018\n  - [Component-based Theming with Pattern Lab and Twig](https://lisbon2018.drupaldays.org/sessions/component-based-theming-pattern-lab-and-twig) ([Slides](http://Bit.ly/pl-twig-ddd-lisbon))\n    - by Adam Juran\n- Design 4 Drupal 2018\n  - [Next Gen Design Systems with Pattern Lab, Twig, and Web Components](http://design4drupal.org/sessions/theming/next-gen-design-systems-pattern-lab-twig-and-web-components) ([YouTube](https://www.youtube.com/watch?v=NhjEbuuKn1Y))\n    - by Salem Ghoweri\n- Texas Camp 2018\n  - [Component Based Theming With UI Patterns](https://2018.texascamp.org/sessions/component-based-theming-with-ui-patterns) ([Slides](https://www.dropbox.com/s/b6yjxh5cwgbfctq/component_theming_ui_patterns.pdf))\n    - by Brian Perry\n- Drupaldelphia 2018\n  - [Can we figure this Drupal Component thing out already?](https://drupaldelphia.org/session/can-we-figure-drupal-component-thing-out-already) ([YouTube](https://www.youtube.com/watch?v=-XMnGvvPVeg))\n    - by Adam Bergstein\n- MidCamp 2018\n  - [Component-based Drupal](https://www.midcamp.org/topic/component-based-drupal)\n    - by Adam Bergstein and Brian Perry\n- Florida DrupalCamp 2018\n  - [Implementing an Enterprise Design System the Red Hat Way](https://www.fldrupal.camp/sessions/design-theming-front-end-development/implementing-enterprise-design-system-red-hat-way)\n    - by Derek Reese\n- Pacific Northwest Drupal Summit 2018\n  - [Webpack, ES6, Pattern Lab, and Drupal 8: Hands-on with Design-System-First Development](https://pnwdrupalsummit.org/2018/sessions/webpack-es6-pattern-lab-and-drupal-8-hands-design-system-first-development)\n    - by Christopher Bloom\n  - [Component-Based Design: Step aside Drupal, we’ve got this (er, maybe not?)](https://pnwdrupalsummit.org/2018/sessions/component-based-design-step-aside-drupal-we%E2%80%99ve-got-er-maybe-not)\n    - by Eric Huffman\n- New England DrupalCamp 2017:\n  - [Component Based Theming With UI Patterns](https://nedcamp.org/new-england-drupal-camp/sessions/component-based-theming-ui-patterns) ([YouTube](https://www.youtube.com/watch?v=-0m-u_Bmzxg))\n    - by Brian Perry\n- DrupalCon Vienna 2017:\n  - [Introducing the UI Patterns module: use atomic UI components everywhere in Drupal 8](https://www.youtube.com/watch?v=6BdyXYkY3Wg)\n    - by Antonio De Marco\n  - [Decouple your Twig from PHP and make Frontenders happy!](https://events.drupal.org/vienna2017/sessions/decouple-your-twig-php-and-make-frontenders-happy)\n    - by Anton Staroverov and Tassilo Gröper\n- DrupalCon Baltimore 2017:\n  - [Atomic Design in Drupal 8: Isolating frontend workflow with Pattern Lab!](https://events.drupal.org/baltimore2017/sessions/atomic-design-drupal-8-isolating-your-frontend-workflow-pattern-lab)\n    - by Anthony Simone\n  - [Pinterest’s Component Based Design: Breaking down silos, saving time, and empowering content editors](https://events.drupal.org/baltimore2017/sessions/pinterest%E2%80%99s-component-based-design-breaking-down-silos-saving-time-and)\n    - by Evan Lovely and Grant Gaudet\n- MidCamp 2017:\n  - [Component Based Theming in the Real World](https://www.midcamp.org/session/component-based-theming-real-world)\n    - by Brian Perry\n- Drupal Developer Days Seville 2017:\n  - [Introducing the UI Patterns module: use atomic UI components everywhere in Drupal 8](http://nuvole.org/blog/2017/mar/30/our-presentations-drupal-dev-days-seville)\n    - by Antonio De Marco\n- Drupal Mountain Camp 2017:\n  - [Drupal 8 Component Based Theming](http://slides.com/lauriii/dmc-2017-component-based-theming)\n    - by Lauri Eskola\n- DrupalCamp Florida 2017:\n  - [Component Libraries in Drupal Contrib, Core, and Beyond](https://www.fldrupal.camp/sessions/approved/florida-drupalcamp-2017/design-theming-front-end-development/component-libraries)\n    - by Derek Reese\n- DrupalCamp Munich 2016:\n  - [Component-driven theming workflow with Pattern Lab and Drupal 8](http://dcmuc16.drupalcamp.de/sessions/component-driven-theming-workflow-pattern-lab-and-drupal-8)\n    - by Tom Keitel and Steffen Rühlmann\n- Drupal-Austria Vienna Meetup October 2016:\n  - [Streamlined Front-End development with Pattern Lab \u0026 Twig](https://docs.google.com/presentation/d/1Me6YOXpj0DagjoXjTQYLy7Knc8tidmpIVL9-JzJThEo/edit#slide=id.g17a10fc84f_1_12)\n    - by Wolfgang Ziegler\n- DrupalCamp LA 2016:\n  - [Component-driven Drupal theming](https://www.mediacurrent.com/multimedia/video/drupalcamp-la-2016-component-driven-drupal-theming)\n    - by Mario Hernandez\n- DrupalCamp Asheville 2016\n  - [Building Drupal Sites with Components](https://www.drupalasheville.com/2016/session/building-drupal-sites-components) ([Slides](https://www.slideshare.net/DerekReese1/building-drupal-sites-with-components), [YouTube](https://www.youtube.com/watch?v=SJVGNpOovJw))\n    - by Derek Reese\n- Devsigner 2016:\n  - [Integrating Pattern Lab with a CMS Build](http://www.evanlovely.com/notes/pattern-lab/integrating-pattern-lab-into-drupal-workshop.pdf)\n    - by Evan Lovely\n- DrupalCon New Orleans 2016:\n  - [The Big Easy: Streamlined Front-end Development with Pattern Lab and Twig](https://events.drupal.org/neworleans2016/sessions/big-easy-front-end-development-pattern-lab-and-twig)\n    - by Adam Juran and Chaz Chumley\n- DrupalCon Los Angeles 2015:\n  - [The New Design Workflow](https://www.youtube.com/watch?v=PdfxJO81cdA)\n    - by Joey Groh, Evan Lovely and Micah Godbolt\n\n\n## Related Drupal.org issues\n\n- [Decouple and componentize our Twig implementation](https://www.drupal.org/project/drupal/issues/3096483)\n- [Add Components Module to Drupal Core](https://www.drupal.org/project/ideas/issues/2875935)\n- [Theme system improvements roadmap](https://www.drupal.org/node/2821399)\n- [Allow a component library to define asset libraries](https://www.drupal.org/node/2707849)\n- [Unify \u0026 simplify render \u0026 theme system: component-based rendering (enables pattern library, style guides, interface previews, client-side re-rendering)](https://www.drupal.org/node/2702061)\n- [Move Attribute classes under Drupal\\\\Component](https://www.drupal.org/node/2664570)\n\n\n## Other resources\n\n- [Drupal Pattern Lab working group](https://drupal-pattern-lab.github.io/)\n- [Drupaltwig Slack channel](https://drupaltwig-slack.herokuapp.com/)\n- [Gitter Pattern Lab chat rooms](https://gitter.im/pattern-lab)\n- [Pattern Lab 101](https://patternlab-101.readthedocs.io/en/latest/)\n\n\n## Component-based theming with Drupal explained for clients\n\n- [What is pattern lab and why should I care about it?](https://www.reallifedigital.com/blog/what-pattern-lab-and-why-should-i-care-about-it)\n  - by Darren Fisher, 13 September 2018\n","projects_url":"https://awesome.ecosyste.ms/api/v1/lists/aleksip%2Fcomponent-based-theming/projects"}