Patternkit

screenshot of Patternkit

Drupal plugin that allows you to drag and drop a library of patterns / web components.

Overview:

PatternKit is a Drupal module that allows users to load a library of patterns as blocks to be used in Layout Builder. These patterns can come from various sources such as a Drupal Theme, PatternLab, Knapsack, Storybook, or an API. It allows content authors to fill out and map components, and also supports the use of Twig templates. Pattern configurations are saved locally and can contain Drupal tokens which are processed from block context.

Features:

  • Load a library of patterns as blocks to be used in Layout Builder
  • Supports patterns from Drupal Theme, PatternLab, Knapsack, Storybook, or an API
  • Allow content authors to fill out and map components
  • Download existing Twig libraries with JSON schema for drag-and-drop functionality
  • Templated configurations are saved locally to mitigate origin failures and version lock-in
  • Supports the use of Drupal tokens in rendered templates

Summary:

gulp
Gulp

Gulp.js is an old but popular site building tool that automates various repetitive development tasks in web development, such as compiling Sass, minifying JavaScript, and optimizing images.