SealpixelOverview Server render Assist Parity React Vue Svelte Vanilla Resume Customize Docs

Make it yours

Every surface of the editor reads CSS custom properties, exposes ::part() hooks and speaks six languages. Pick a preset, move the dials, and copy what you see. Colours, shape, motion and parts are CSS alone. The tool set, the strings and the plugin options are three properties, and the generated HTML below carries all of it.

Preset

Mode

Colors

Three colours set the palette. Text, borders, the raised surfaces and the stage checker follow from them.

AccentBackgroundSurface

Shape and density

Radius 12pxSpacing 8pxToolbar Panel 112pxFont size 14pxFontMotion

Language and strings

Export label dictionaryDownload label download-label

Attributes

History show-historyExport button show-exportDownload button show-download

Tools

Edits survive a change of tools. An edit of a tool that leaves goes with it.

Parts

Pill-shaped tool buttons via ::part(tool)Hide the Export button via ::part(export)Hide the dimensions badge via ::part(dimensions)

Plugin options

Every plugin is configurable. The map below goes to pluginOptions; the server enforces the same constraints.

Export hands the result to the page: nothing yet.

Generated CSS

Generated HTML

Photo by Jeremy Bishop on Unsplash.