1. Template Code Input
0Sections
0Cards
0Tables
Detected Containers 0
Selection options: 1) Preview click 2) Container list 3) Parent/nearest container buttons 4) Search highlight.
Live Preview: click any text, card, table cell, or buttonNo selection
2. Edit Selected Container Designer
Smart Form lets you edit only the selected container's safe text fields, table cells and links.
Select any container to see headings, paragraphs, spans, lists, links and other text elements.
Safe rule: only text nodes inside the selected container are updated. CSS, layout and HTML structure stay unchanged.
Smart Form, bulk text, plain text and inner HTML are merged here. Any change updates only the selected container and shows live reaction in preview.
Advanced Container Design controls size, spacing, alignment, transparent background, and separate background/text/border gradients.
Editing Background. Use solid, transparent or gradient.
Tip: Background, Text Color and Border Color each has its own solid/gradient control. Gradient options are shown only inside this selected color area.
Apply 35 lightweight CSS animations and premium VFX to the selected container. No external library is used.
VFX effects are CSS-only, responsive and safe for public pages. Use them lightly on important cards/buttons.
Tip: use ▾ to minimize this output box down and keep the editor workspace more visible.