Photo editor / 14 primitives + composition

Photoshop-lite primitives for workshop photo intake

Photoshop-style primitives — image canvas, tool palette, layers panel, crop overlay, brush settings, levels + curves, filter presets, text tool, marquee selection, history panel, export options, before/after slider, swatch library and mask thumbnails. Composed against the Mufflermen Hilux dyno run, Manta exhaust closeup and Bay 2 hero.

Production answer

Photoshop-lite primitives for workshop photo intake is a reusable Oak Flats Muffler Men UI primitive with documented states, accessibility expectations, theme behavior, and implementation evidence.

Primary CTAReview Photoshop-lite primitives for workshop photo intake states
Generative search brief

Photoshop-lite primitives for workshop photo intake: Photoshop-style primitives — image canvas, tool palette, layers panel, crop overlay, brush settings, levels + curves, filter presets, text tool, marquee selection, history panel, export options, before/after slider, swatch library and mask thumbnails. Composed against the Mufflermen Hilux dyno run, Manta exhaust closeup and Bay 2 hero.

Visual reference only — no real bitmap or filter pipeline wired
Primitive 01

Image canvas

Centre image canvas with header chip row, zoom indicator and pan track footer.

StatelessOpen
Primitive 02

Tool palette

Left tool palette — Select / Crop / Brush / Eraser / Text / Shape / Heal / Clone with shortcut chips.

StatelessOpen
Primitive 03

Layers panel

Right layers panel with visibility + lock + opacity per layer, blend bar and footer actions.

StatelessOpen
Primitive 04

Crop overlay

Ratio picker — Freeform / 1:1 / 4:5 / 16:9 / 9:16 with draggable corner + side handles and rule-of-thirds grid.

StatelessOpen
Primitive 05

Brush settings

Brush size + hardness + flow sliders with colour bar and quick swatch row.

StatelessOpen
Primitive 06

Levels & curves

Histogram + curve editor with black / mid / white anchor points and gamma sliders.

StatelessOpen
Primitive 07

Filter presets

Preset thumbs — Workshop / Vintage / B&W / High contrast / Sepia with strength slider.

StatelessOpen
Primitive 08

Text tool

Text overlay with font + size + weight + fill picker and live caret on the surface.

StatelessOpen
Primitive 09

Selection marquee

Draggable marquee with ant-march animation, corner handles and boolean mode row.

StatelessOpen
Primitive 10

History panel

Edit history list with thumbnail per step, current marker and jump-back actions.

StatelessOpen
Primitive 11

Export options

Export card — format (JPG / PNG / WebP) + quality slider + size presets + estimated file size.

StatelessOpen
Primitive 12

Before / after

Split comparison with draggable centre divider and split-position chip.

StatelessOpen
Primitive 13

Swatch library

Saved swatches grid with extracted document palette stripe and ASE export action.

StatelessOpen
Primitive 14

Mask thumbnails

Layer mask thumbnails row with density chip and inverted tag per layer.

StatelessOpen
Composition

Full photo editor

Hilux dyno run / Manta exhaust closeup / Bay 2 hero composed into a working editor shell.

CompositionOpen