Skip to content

20 plugins for Craft CMS

Space.
Cat.
Ninja.

Ninja power for your Craft website. Image transforms, optimization, delivery — and now AI editing, right inside the control panel.

template.twig The Power Pack
+more
{{ pppicture( [ [image, [1200, 2400, 16/9, 'avif'], 750, 'avif'], [image, [1200, 2400, 16/9, 'webp'], 750, 'webp'], [image, [1200, 2400, 16/9], 750], [image, [800, 1600, 1, 'avif'], 'avif'], [image, [800, 1600, 1, 'webp'], 'webp'], [image, [800, 1600, 1]] ], { sizes: '(min-width: 750px) 60vw, 100vw' } ) }}

A full responsive <picture> element — 16:9 above 750px, square below, AVIF and WebP with a JPEG fallback, srcset and sizes all handled for you.

2014
Making Craft plugins since
12,039
Active installs
3 · 4 · 5 · 6
Craft compatibility
5 / 5
From 10 reviews

New · AI Image Editor

Edit images by asking.

AI Image Editor puts a prompt field next to the asset. Write the instruction, get the modified image back, refine it until it's right — no round-trip to Photoshop required.

Works with Gemini, GPT Image, FLUX & Grok — bring your own key.

Instruction-based editing

Write the edit in plain English, apply it to the asset, then refine with another instruction.

Generate from scratch

No source image? Describe the shot and save straight into the right folder.

Draft → finalize

Iterate cheap at draft resolution, then render once in full quality.

History you can trust

Every edit is a step you can rewind. Relations stay intact, focal points re-detect.

Get the plugin Visit the site $39 one-time · Craft 5.0+
The same desk in warm golden-hour light with soft shadows, the potted plant now a pink elephant figurine — after editing with AI Image Editor.
A home-office desk — laptop, coffee mug, notebooks and glasses — against a white brick wall in flat, even light, before editing.
Before After
“swap the background for studio grey” “make it golden hour” “add a soft rim light” “replace the plant with a pink elephant statue”

New · Agent skill

Teach your agent Imager X.

Coding agents are confident about Imager X and frequently wrong. This skill is written from the plugin source, so you get transforms and <picture> markup that work, instead of plausible-looking guesses.

Free and MIT. Verified against Imager X 6.1 and Power Pack 1.1.

Install in Claude Code

/plugin marketplace add spacecatninja/imager-x-skills

/plugin install imager-x@imager-x-skills

Or any other agent

$ npx skills add spacecatninja/imager-x-skills

The second route installs into whichever agents it finds — Cursor, Copilot and Codex included.

What it covers — 11 references

Responsive markup

Correct picture elements

The Power Pack in full — source ordering, sizes, LCP and CLS, placeholders and lazysizes.

Transform syntax

No more empty srcsets

The quick syntax parsing rules, srcset descriptors, transform chaining, and why a quoted width breaks everything.

Config

Settings that actually fire

imager-x.php with real defaults, caching, optimizers, and the per-transformer feature matrix.

Named transforms

Define once, generate ahead

Consolidate transforms into config, then have them generated on upload instead of on the first request.

Why Imager X

It does everything Craft's built-in transforms do, and keeps going long after they stop.

01

One line, every size

The most efficient template syntax for doing a bunch of image transforms in one go, straight out to a srcset.

02

File based, not database bound

Transforms are completely file based. No database queries, no index to keep in sync.

03

Modern formats, old savings

WebP, AVIF and JPEG XL out of the box, plus post-optimization through jpegoptim, mozjpeg, pngquant and friends.

04

Transform anything

Local assets, cloud assets, external images, PDFs, video frames — or the transformed images themselves.

05

Effects and colors

Blur, sharpen, tint, levels, watermarks, blurhash placeholders, and a full set of color utilities.

06

Yours to extend

Transformers, storages, optimizers, effects and file adapters are all pluggable. Write your own when the first-party ones stop short.

How it all fits together

AI Image Editor handles the creative edit. Imager X handles everything after. Every box around them is a plugin you can swap, stack or write yourself.

Input
Craft assets, local and cloud
Local image files
External image URLs
Already transformed images

PDF pages and video frames
Via file adapters

Images edited or generated by AI
Via AI Image Editor

Imager X

Transform · Optimize · Store

Resize, crop, letterbox, ratio
Effects, watermarks, placeholders
WebP · AVIF · JPEG XL
Caching, generation, console commands
GraphQL, utilities, debug info

The Power Pack adds Twig-side syntax and helpers on top.

Output

Done locally with GD or Imagick — or handed off to a transformer:

Craft Cloud Cloudflare Bunny.net AWS Gumlet Imgix ImageKit ImageBoss

Store the results on S3, Google Cloud Storage or DigitalOcean Spaces.

Every format · Every size · Delivered

The Plugins

20 total

Transformers — 09

Extensions — 08

The Blog

11 posts
Latest · August 30, 2026

Finally – an (AI) Image Editor!

For eight years I thought about making an image editor for Craft. This summer it finally happened.

Read the post →