Visual editor

Sample documentation (demo only)
This is an incomplete, outdated docs snapshot shipped with the playground — screenshots were removed on purpose.
For the full, current manuals go to voodflow.com/docs.

Open any site page or chrome layout with ?edit=1 (when your user can use the page builder).

Canvas

• Drag blocks from the library (Layout, Basic, Media, Utilities, Site, plus companion categories when active)
• Select an element to edit traits and styles in the inspector
• Switch desktop / tablet / mobile device previews
• Use undo / redo, zoom, and Save

Block library

Core categories cover layout containers, typography, media, and site chrome helpers. Marketing sections (hero, features, CTA, FAQ, …) ship as local blocks. Paid Elements add remote catalog tiles when the Elements companion is active.

Declarative Content fields

Static Tailwind sections (library tiles or hand-written HTML) can expose right-column controls with data-vb-* markers — no PHP and no custom JS. VoodBuilder builds Content / Layout items from the markup and saves values in the page HTML.

See Declarative HTML fields for the attribute reference, repeating items (count / columns), and what belongs in Style vs Content.

Style inspector

Tailwind-aware controls for spacing, typography, colours, and borders. Prefer theme tokens (vp-*) so light/dark and Theme Studio palettes stay consistent.

Integration tab (layouts)

Chrome layouts expose typography controls (primary / secondary fonts, body and heading scales) with live preview when a companion registers reading samples (for example VoodDocs / VoodTutorials).

Permissions

Without Filament Shield, anyone who can open the Filament panel can use VoodBuilder resources (subject to your panel auth). With Shield, generate and assign resource permissions, or set panel-wide access via your project’s documented authorization driver.