Skip to main content

Documentation Index

Fetch the complete documentation index at: https://docs.customei.com/llms.txt

Use this file to discover all available pages before exploring further.

Every element you add to a template is a layer. The layers panel on the left of the editor shows them as a tree, with the topmost item rendered on top of everything else.

​
Layer types

Customei supports these layer types out of the box:
TypeWhat it isTypical use
TextA string of text in a specific fontNames, monograms, dates
Curved textText that follows a curveMug text, arched headlines
Warped textText deformed through a mesh gridDistorted logos, perspective text
ImageA raster image from your library or a customer uploadPhotos, logos, product shots
ShapeA vector primitive (rectangle, ellipse, line, polygon)Decorations, dividers, backgrounds
ClipartPre-tagged assets from the libraryIcons, illustrations, stickers
QR codeA stylized QR layerTracking, custom URLs
FrameA container that clips its childrenPhoto slots, masked areas
GroupA container that holds multiple layersLogical grouping, bulk move
Most layer types are also bindable to option-set fields, so a customer input can change their content or properties at runtime.

​
The layers panel

  • Reorder — drag a layer up or down in the list. Top of the list renders on top of the canvas.
  • Select — click a layer to select it; Shift+click to add to a multi-selection.
  • Visibility — toggle the eye icon to hide a layer from view (the layer is still there; hidden layers don’t render on the storefront either).
  • Lock — toggle the lock icon to prevent accidental moves/edits. A locked layer can still be selected to edit its properties.
  • Rename — double-click the name to change it. Rename generously; it helps when binding option fields to layers.
  • Delete — pick Delete from the right-click menu or hit Delete/Backspace after selecting.

​
Grouping

Group selected layers to treat them as one:
  • Select multiple layers on the canvas or in the panel.
  • Group from the right-click menu, or use ⌘/Ctrl+G.
A group:
  • Moves, rotates, and scales as a unit.
  • Shows as a single row in the panel, expandable to see its children.
  • Can be ungrouped via Ungroup (⌘/Ctrl+Shift+G).
Groups are great for “badge” composites — a background shape, an icon, and a label that should always move together. Group them once and you can place the whole badge with a single drag.

​
Bringing layers forward and back

With a layer selected, use the right-click menu Arrange submenu or these shortcuts:
ActionShortcut
Bring forward⌘/Ctrl + ]
Send backward⌘/Ctrl + [
Bring to front⌘/Ctrl + Shift + ]
Send to back⌘/Ctrl + Shift + [

​
Locking vs hiding

  • Lock prevents edits but still renders the layer.
  • Hide removes the layer from the view entirely (and from the storefront preview).
Use lock for background art you want to keep visible but not accidentally move. Use hide when you want to temporarily check the composition underneath a layer without removing it.

​
What layers carry into save

Every layer persists its:
  • Type and content (text string, image reference, shape data).
  • Transform — position, scale, rotation, skew.
  • Appearance — color, opacity, stroke.
  • Metadata — name, visibility, lock state.
  • Bindings — which option-set fields drive this layer, if any.
See each layer-type page for the specific properties it carries.

​
Next