Edit the markup on the left. Click "Synthesize" to run Ghostwire's real, unmodified synthesizer against the live preview on the right.
This edits an HTML/Blade-flavored subset, not full Blade — the synthesizer walks the live rendered DOM, exactly as it does inside a real Livewire component, so what you see here is genuinely how Ghostwire would skeletonize this markup in your app. The card below carries a real wire:ghost directive; that's the element Ghostwire targets, same as it would inside a Livewire component. Try wire:ghost.freeze or wire:ghost.off to see those modes too. The preview updates as you type; click "Synthesize" to run Ghostwire's real, unmodified synthesizer against it.