webwash/ww_daisyui_starter

A flexible Drupal theme with a responsive, mobile-first layout built on Tailwind CSS v4, daisyUI v5 and Single Directory Components.

Maintainers

Package info

github.com/WebWash/ww_daisyui_starter

Language:Twig

Type:drupal-theme

pkg:composer/webwash/ww_daisyui_starter

Transparency log

Statistics

Installs: 1

Dependents: 0

Suggesters: 0

Stars: 0

Open Issues: 8

Security

Advisories: 0

Aikido package health analysis

0.1.0 2026-07-26 14:45 UTC

Requires

Suggests

  • drupal/cva: Required on Drupal core 11.3 and earlier; html_cva() is in core as of 11.4.

GPL-2.0-or-later 05fa8fecf5490987e06a499b7314818bfd00c1bd

themedrupalsdctailwindcssDaisyUI

Published on Packagist.org on 2026-07-26 14:50 UTC

This package is auto-updated.

Last update: 2026-07-26 14:52:37 UTC

README

This is a starterkit theme and is totally experimental for now.

A modern Drupal theme built with Tailwind CSS v4 and Single Directory Components (SDC).

Technology Stack

  • Drupal 11.4+
  • Tailwind CSS v4
  • daisyUI v5
  • Vite (build tool)
  • Single Directory Components (SDC)
  • Node.js v22.14.0

Requirements

This theme requires Drupal 11. Drupal 11.4 or later is recommended.

The components use the html_cva() Twig function (Class Variance Authority) to build their variant classes.

  • Drupal 11.4 and later — html_cva() is included in core. Nothing else to install.

  • Drupal 11.3 and earlier — html_cva() is not in core, so you must install the contrib CVA module or the components will fail to render:

    composer require drupal/cva
drush en cva

Note that the contrib CVA module is deprecated and will not be released for Drupal 12, so upgrading to Drupal 11.4+ is the recommended path.

Setup Instructions

Prerequisites

This theme requires Node.js v22.14.0. If you use nvm (Node Version Manager), the correct version will be automatically selected.

Installation

  1. Use the correct Node.js version:

    nvm use

  2. Install dependencies:

    pnpm install

Development

Run the development build with watch mode (automatically rebuilds on file changes):

pnpm dev

Production Build

Create an optimized production build:

pnpm build

Single Directory Components (SDC)

This theme uses Drupal's Single Directory Components architecture. Each component is self-contained in its own directory with:

  • Component definition (.component.yml)
  • Twig template (.twig)
  • Styles (imported into Vite build)
  • Documentation (README.md)

Components are located in the /components directory.