Create Drupal Theme

screenshot of Create Drupal Theme

A Drupal Theme and Component generator.

Overview

The NPM version Create Drupal Theme is a theme and component generator for Drupal. It requires Node.js version 14 or above, PHP version 7.2 or above, and npm or Yarn for installation. The generator allows users to choose between generating a theme or a component and provides options for design systems.

Features

  • Theme and component generation for Drupal
  • Support for design systems (Storybook and Patternlab)
  • RTL (Right-to-Left) support using postcss-rtlcss
  • Image optimization using gulp-imagemin
  • TypeScript support

Using npm

npm install -g create-drupal-theme

Using yarn

yarn global add create-drupal-theme

Usage

To generate a theme or a component, run:

create-drupal-theme

Summary

The NPM version Create Drupal Theme is a powerful tool for generating themes and components for Drupal. It supports various features such as design system integration, RTL support, image optimization, and TypeScript compatibility. With its easy installation and usage, it provides a convenient way for developers to create and manage Drupal themes.

template
Templates & Themes

A template or theme refers to a pre-designed layout or structure that provides a basic framework for building a specific type of application or website. It typically includes good design, placeholder content and functional features, allowing developers to customize and fill in the details according to their specific needs.

eslint
Eslint

ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.

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.

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.