Open source WYSIWYG landing page builder
powered by Tailwind & enhanced with AI
Visually create web pages, landing pages and more using Tailwind – the world’s most popular CSS framework – and easily generate images, text and even HTML with AI
Getting started couldn’t be easier
Integrate Mainland into your own app or use it as a standalone app in just a few steps
<div id="mainland-widget"></div>
<script src="https://cdn.mainland.ai/mainland.js"></script>
<script src="https://cdn.tailwindcss.com"></script>
<script>
mainland.init({
target: "#mainland-widget",
blocks: [
{
label: "Section",
attributes: { class: "mld-section" },
content: `<section></section>`,
},
],
});
</script>
WYSIWYG powerful enough for the pros
A fully featured visual landing page builder that still gives you full, quick access to every Tailwind CSS class whenever you need it
AI – but only where it makes sense
You know point and click and drag and drop – now meet text-to-markup. Generate paragraphs, bullet points, images and HTML with Mainland’s OpenAI integration
Build responsive pages. Fast and mobile first.
With Mainland you start mobile first by default and build your responsive pages the right way everytime. Never again wait until the last minute to build out your mobile pages.
