Headspin Logo
1.3.0
Wireframes
Feature 25

Feature 25

Free content
Published
March 17, 2024
Category
See Our Products in Action

Experience the Technology for Yourself

Lorem ipsum dolor sit amet consectetur. Sed faucibus elementum nullam pellentesque in tincidunt massa. Aenean venenatis suspendisse enim nunc nisl eu sagittis. Ut ullamcorper donec vel in non. Nisi mauris ipsum tempus rhoncus consectetur praesent vitae facilisis.

Drag-and-Drop Design Interface

Lorem ipsum dolor sit amet consectetur. Metus neque quam sit bibendum pulvinar nascetur cursus vel. Pellentesque tincidunt sit adipiscing condimentum tortor non euismod.

Real-Time Analytics Dashboard

Lorem ipsum dolor sit amet consectetur. Metus neque quam sit bibendum pulvinar nascetur cursus vel. Pellentesque tincidunt sit adipiscing condimentum tortor non euismod.

Customizable Content Management

Lorem ipsum dolor sit amet consectetur. Metus neque quam sit bibendum pulvinar nascetur cursus vel. Pellentesque tincidunt sit adipiscing condimentum tortor non euismod.

E-commerce Essentials: Checkout to Cart

Lorem ipsum dolor sit amet consectetur. Metus neque quam sit bibendum pulvinar nascetur cursus vel. Pellentesque tincidunt sit adipiscing condimentum tortor non euismod.

Add to collection

You might also like

Find more about Headspin UI

Headspin Logo
1.3.0

Products

Copilot Wireframes Sites Components

Resources

Documentation Guides Inspiration Tutorials Blog Support Pricing Changelog Roadmap Testimonials

Community

Facebook X Discord

Legal

Privacy Policy Cookie Policy Terms and Conditions License
Built with
Breakdance
and
Headspinui
@ 2024 HeadspinUI. All rights reserved.
'; //document.body.appendChild(iframe); var html = document.querySelector("html").outerHTML; var body = target.outerHTML; target.replaceWith(iframe); iframe.contentWindow.document.open(); iframe.contentWindow.document.write(html); iframe.contentWindow.document.close(); //document.querySelector("iframe").contentWindow.document.querySelector("body").innerHTML = body; iframe.onload = (event) => { iframeCleaner(); }; var doc = iframe.contentDocument || iframe.contentWindow; var _timer = setInterval(function() { console.log("timer-load"); if (doc.readyState == 'complete') { clearInterval(_timer); iframeCleaner(); } }, 100); } function iframeCleaner(){ var doc = document.querySelector("iframe").contentWindow.document; var sections = doc.querySelectorAll("body > *"); sections.forEach(section=>{ if(section.tagName != "MAIN") section.remove(); }); if(doc.querySelector(".mbfp-btn")) doc.querySelector(".mbfp-btn").remove(); } /**/ const targetNode = document.querySelector("html"); // Options for the observer (which mutations to observe) const config = { attributes: true, childList: false, subtree: false }; // Callback function to execute when mutations are observed const callback = (mutationList, observer) => { for (const mutation of mutationList) { if (mutation.type === "childList") { console.log("A child node has been added or removed."); } else if (mutation.type === "attributes") { var att = targetNode.getAttribute("data-hsx"); var iframe = document.querySelector("iframe"); if(iframe) { iframe.contentWindow.document.querySelector("html").setAttribute("data-hsx",att) } } } }; // Create an observer instance linked to the callback function const observer = new MutationObserver(callback); // Start observing the target node for configured mutations observer.observe(targetNode, config); })