component-based-theming
Resources for component-based theming with Drupal and Twig
https://github.com/aleksip/component-based-theming
Last synced: 3 days ago
JSON representation
-
Blog posts and articles
-
Storybook
- Demystifying components integration with Drupal
- Pattern Lab and Drupal 9: Prepare your theme for Twig 2
- Using Twig with Storybook and Drupal
- Using join, include, and attributes in YAML (.yml) files with Data Transform Plugin for Pattern Lab
- Creating Reusable Dynamic Content Components
- Drupal 8 Pattern Lab for Component-Based Theming
- Responsive images in the Emulsify (PL) theme - The easy way
- Creating Paragraphs Entities for Dynamic Content
- 10 lessons we learned from our first Drupal 8 + Pattern Lab via Emulsify project
- Achieving Clarity in Component-based Best Practices
- Componentizing Drupal Front End using Pattern Lab
- Accommodating Drupal In Your Components
- Field Notes: UI Patterns Module
- Exploring simplicity in Drupal design components
- Component Based Theming at DrupalCon Baltimore
- Introducing the UI Patterns module: use atomic UI components everywhere in Drupal 8
- Drupal 8 Front-End Architecture
- Part 1 - components-drupal-8-part-2), [Part 3](https://www.mediacurrent.com/blog/integrating-components-drupal-8-part-3))
- Why should we base Drupal's theme system around components?
- Component-Based Theming in Drupal 8: The Video Series
- Component-Based Theming in Drupal 8
- A New Design System Architecture
- Drupal’s front-end future: Component-based theming, OO rendering and targeted JS libraries
- Pattern Lab: Taking Our Workflow from a Linear to Parallel Process
- Introducing the New Version of Emulsify: Emulsify Design System
- Building a Drupal 8 Theme with Mediacurrent's Theme Generator
- Building my site with Tome and Single File Components
- Simplifying Drupal frontend with Single File Components
- A new approach for a new Pattern Lab
- Drupal UI Patterns: Component Driven Development in Drupal
- Frontend Architecture for Scalable Design Systems
- Before You Start a Pattern Lab Project with Drupal
- PatternLab: Linking to Patterns
- Handling Drupal attributes in components
- Drupal’s Layout Initiative and component-based theming
- Getting the most out of SVGs with Twig templates
- Can I Stop PatternLab Variants from Inheriting Data from their Parent Component
- Responsive Images with PatternLab and Drupal - the easy way
- Creating a Card Component in PatternLab and Mapping to Drupal the "right" way
- How to make theme images work in Pattern Lab and Drupal
- My Approach to PatternLab?
- Adding {{ attributes }} to a Drupal PatternLab Theme
- Introducing Twig Components
- Using Pattern Lab in Drupal 7 theme development
- Front end journey into Drupal + Pattern Lab
- Integrating a Drupal Text with Image Paragraph Bundle with Patternlab
- A first taste of Drupal theming using Pattern Lab
- Integrating a Simple Drupal Text Paragraph Bundle with Patternlab
- Emulsify 2: Building a Full Site Header in Drupal
- Performance improvements with Drupal 8 Libraries
- Component Driven Development with Emulsify
- Using UI Patterns module in a component-based Drupal 8 theme
- Anatomy of a (terrific) Drupal 8 theme
- Introducing Pattern Lab Starter 8
- Pattern Lab and Drupal 8 theme integration update
- Making Pattern Lab work with Drupal 8 Twig theme templates
- Atomic design, Pattern Lab and Drupal 8 theme development
- Style-Guide-Driven Development: the new web development
- Demystifying components integration with Drupal
- How to integrate your pattern library with Drupal's layout builder using Component Blocks module
- Drupal themes and component libraries
- Integrating Storybook with Drupal
- Compony and the climate crisis
- Decoupling the front-end without APIs and JavaScript
- Writing View Mode Templates in PatternLab
- Component-based theming with Layout Builder
- Can I See the Menu, Please? Building and Integrating a Menu in Drupal
- Using Twig with Storybook and Drupal
- Using join, include, and attributes in YAML (.yml) files with Data Transform Plugin for Pattern Lab
- Decoupling Pattern Lab from your theme a City of San Francisco project
- Creating Reusable Dynamic Content Components
- Drupal 8 Pattern Lab for Component-Based Theming
- Responsive images in the Emulsify (PL) theme - The easy way
- Creating Paragraphs Entities for Dynamic Content
- 10 lessons we learned from our first Drupal 8 + Pattern Lab via Emulsify project
- Achieving Clarity in Component-based Best Practices
- Componentizing Drupal Front End using Pattern Lab
- Field Notes: UI Patterns Module
- Exploring simplicity in Drupal design components
- Introducing the UI Patterns module: use atomic UI components everywhere in Drupal 8
- Drupal 8 Front-End Architecture
- Why should we base Drupal's theme system around components?
- Component-Based Theming in Drupal 8: The Video Series
- A New Design System Architecture
- Drupal’s front-end future: Component-based theming, OO rendering and targeted JS libraries
- Pattern Lab: Taking Our Workflow from a Linear to Parallel Process
- Compony and the climate crisis
- Cross Component Fragility
- Getting started
- How to update your downloaded components?
- What is Compony?
- Using Drupal’s definition files in component-based theming
- 10 lessons we learned from our first Drupal 8 + Pattern Lab via Emulsify project
- Pattern Lab and Drupal 9: Prepare your theme for Twig 2
- Can I See the Menu, Please? Building and Integrating a Menu in Drupal
- How to set up multiple Compony themes in your project
- Secure components
- Create a Compony-component
- Creating Reusable Dynamic Content Components
-
-
Presentations and videos
-
Storybook
- Twig in Fractal in Drupal: Decoupling UI Components from Drupal Data Structures
- Component-based Theming with Pattern Lab and Twig - twig-ddd-lisbon))
- Next Gen Design Systems with Pattern Lab, Twig, and Web Components
- Can we figure this Drupal Component thing out already? - XMnGvvPVeg))
- Component-based Drupal
- Introducing the UI Patterns module: use atomic UI components everywhere in Drupal 8
- Drupal 8 Component Based Theming
- Component theme development with Storybook and Emulsify
- After 5 years, my dream Drupal component workflow is finally here
- Component-Driven Theming with Storybook
- Best practices for Integrating components with Drupal
- Drupal Single File Components
- Using a single Frontend Design System for WordPress and Drupal with Emulsify
- Wait, We Can Re-use this? Design Systems and Component Libraries for Fun and Profit
- An overview of front-end component integration methods in Drupal 8 - overview-of-drupal-8-front-end-component-integration-methods), [YouTube](https://www.youtube.com/watch?v=mQpOIx9ZOpw))
- The future of Drupal theming - 6-7-11#/))
- Integrating Pattern Lab with Drupal 8
- Drag n' Drop/Mix n' Match: Patternkit + Layout Builder - The Next Gen of Drupal Page Building
- Drupal UI Patterns: Component Driven Development in Drupal
- How we build component-based Drupal themes
- Frontend Architecture for Scalable Design Systems
- Pattern Lab: The Definitive How-to
- An External Design System in Practice
- An External Design System in Practice
- Getting Atomic with Pattern Lab
- Demystifying Pattern Libraries and Drupal 8
- Component Based Theming With UI Patterns
- Implementing an Enterprise Design System the Red Hat Way
- Webpack, ES6, Pattern Lab, and Drupal 8: Hands-on with Design-System-First Development
- Component-Based Design: Step aside Drupal, we’ve got this (er, maybe not?)
- Component Based Theming With UI Patterns - 0m-u_Bmzxg))
- Introducing the UI Patterns module: use atomic UI components everywhere in Drupal 8
- Decouple your Twig from PHP and make Frontenders happy!
- Component Based Theming in the Real World
- Component-driven theming workflow with Pattern Lab and Drupal 8
- Streamlined Front-End development with Pattern Lab & Twig
- Component-driven Drupal theming
- Building Drupal Sites with Components - drupal-sites-with-components), [YouTube](https://www.youtube.com/watch?v=SJVGNpOovJw))
- Integrating Pattern Lab with a CMS Build
- The Big Easy: Streamlined Front-end Development with Pattern Lab and Twig
- The New Design Workflow
- Twig in Fractal in Drupal: Decoupling UI Components from Drupal Data Structures
- Component-based Theming with Pattern Lab and Twig - twig-ddd-lisbon))
- Next Gen Design Systems with Pattern Lab, Twig, and Web Components
- Component-based Drupal
- Atomic Design in Drupal 8: Isolating frontend workflow with Pattern Lab!
- Introducing the UI Patterns module: use atomic UI components everywhere in Drupal 8
- Drupal 8 Component Based Theming
- Component Libraries in Drupal Contrib, Core, and Beyond
- Integrating Pattern Lab with a CMS Build
- Pinterest’s Component Based Design: Breaking down silos, saving time, and empowering content editors
- Twig in Fractal in Drupal: Decoupling UI Components from Drupal Data Structures
-
-
Related Drupal.org issues
-
Storybook
- Add Components Module to Drupal Core
- Decouple and componentize our Twig implementation
- Theme system improvements roadmap
- Allow a component library to define asset libraries
- Unify & simplify render & theme system: component-based rendering (enables pattern library, style guides, interface previews, client-side re-rendering)
- Add Components Module to Drupal Core
- Move Attribute classes under Drupal\\Component
-
-
Component-based theming with Drupal explained for clients
-
Drupal themes and design systems with Drupal integration
- Flexi Pattern Lab
- Gesso
- Wingsuit
- Zen
- Bear Skin
- Bolt - design-system/bolt))
- Emulsify
- Radix
- Particle
- Emulsify Drupal
- Shila theme
- Theme Generator
- Union
- Bootstrap Storybook
-
Full component-based solutions for Drupal
-
Projects using Twig with JavaScript
-
External tools
-
Pattern Lab
-
Fractal
-
Storybook
-
-
Twig implementations and renderers for JavaScript
-
Storybook
-
-
Drupal modules
-
Other resources
Programming Languages
Categories
Blog posts and articles
99
Presentations and videos
52
External tools
18
Drupal themes and design systems with Drupal integration
14
Drupal modules
12
Related Drupal.org issues
7
Twig implementations and renderers for JavaScript
4
Other resources
4
Component-based theming with Drupal explained for clients
2
Full component-based solutions for Drupal
2
Projects using Twig with JavaScript
1
Sub Categories
Keywords
pattern-lab
6
drupal
4
design-systems
3
twig
3
drupal-8
3
php
2
javascript
2
atomic-design
2
drupal-theme
2
ui
1
typescript
1
testing
1
svelte
1
styleguide
1
storybook
1
stories
1
react-native
1
react
1
html
1
documentation
1
components
1
angular
1
vite
1
vue
1
web-components
1
webpack
1
workshop
1
gulp
1
webpack4
1
nodejs
1
drupal-7
1
plugin
1
pattern-library
1
fractal
1
twigjs
1