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:

PatternKit is a powerful Drupal module that allows users to load a library of patterns as blocks in Layout Builder. It supports various sources for patterns and provides a user-friendly interface for content authors to fill out and map components. With the ability to save configurations locally and support for Drupal tokens, PatternKit offers flexibility and customization options for building Drupal websites.

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.