Skills
.Work. You
Rest

craft-garnish

Community

Garnish — Craft CMS CP UI toolkit.

Software Engineering#javascript#widgets#garnish#craft cms#cp ui
Authormichtio
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Garnish provides a complete, standards-compliant JavaScript UI toolkit for Craft CMS' control panel, enabling CP widgets, modals, and drag interactions to work consistently across plugins.

Core Features & Use Cases

  • Garnish.Base class system with event handling and clean destruction.
  • UI widgets: Modal, HUD, DisclosureMenu, MenuBtn, CustomSelect, Select, etc.
  • Drag system: BaseDrag, DragSort, DragDrop, DragMove; accessible keyboard navigation.
  • Craft integration: GarnishAsset, Craft.* class pattern, webpack externals.

Quick Start

Install Garnish in your Craft CP project and begin prototyping CP UI components like modals, HUDs, and drag interactions.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: craft-garnish
Download link: https://github.com/michtio/craftcms-claude-skills/archive/main.zip#craft-garnish

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.