Overview Page
A sleek, top-tier template crafted for AI Agents, Open-Source Devtools, and Autonomous Software Startups
A modern template built for speed, simplicity, and success
Built to deliver everything an AI startup, developer tool, and infrastructure company needs in a premium Webflow template
20+ Pages
Start strong with a collection of 20+ flexible, modern pages built for multiple purposes
See Pages
60+ Sections
Mix and match from over 60 beautifully crafted sections to build pages your way
Buy RunLoop
Variables Powered
Start strong with a collection of 25+ flexible, modern pages built for multiple purposes
Preview in Webflow
Figma File Included
Every template includes a free copy of the Figma file
Copy-to-Clipboard Component
Includes a Copy-to-Clipboard Component
This template includes a tabbed install-command component with a click-to-copy button, used across multiple pages. To keep the template compliant with Webflow's marketplace rules, the small script that powers the copy function is not included in the file. After purchasing, add the snippet below to enable it.
Where to add it:Project Settings → Custom Code → Footer Code (paste before the
</body> tag), then publish your site.$ npx agentai onboard --yes
→ Installing AgentAI runtime...
→ Setting up Postgres on port 5432...
→ Ready. Open http://localhost:3000
→ Installing AgentAI runtime...
→ Setting up Postgres on port 5432...
→ Ready. Open http://localhost:3000
pnpm dlx agentai onboard --yes
bunx agentai onboard --yes
<script>
document.querySelectorAll('[data-copy-button]').forEach(button => {
button.addEventListener('click', async () => {
const container = button.closest('.code_content');
const textElement = container.querySelector('[data-copy-text]');
const text = textElement.innerText;
const copyIcon = container.querySelector('[data-copy-button]');
const successIcon = container.querySelector('[data-copy-success]');
try {
await navigator.clipboard.writeText(text);
successIcon.style.display = "flex";
successIcon.style.opacity = "1";
setTimeout(() => {
successIcon.style.opacity = "0";
setTimeout(() => {
successIcon.style.display = "none";
}, 200);
}, 2000);
} catch (err) {
console.error('Copy failed', err);
}
});
});
</script>
document.querySelectorAll('[data-copy-button]').forEach(button => {
button.addEventListener('click', async () => {
const container = button.closest('.code_content');
const textElement = container.querySelector('[data-copy-text]');
const text = textElement.innerText;
const copyIcon = container.querySelector('[data-copy-button]');
const successIcon = container.querySelector('[data-copy-success]');
try {
await navigator.clipboard.writeText(text);
successIcon.style.display = "flex";
successIcon.style.opacity = "1";
setTimeout(() => {
successIcon.style.opacity = "0";
setTimeout(() => {
successIcon.style.display = "none";
}, 200);
}, 2000);
} catch (err) {
console.error('Copy failed', err);
}
});
});
</script>
Features
Fully Responsive & Retina Ready
Looks stunning and functions flawlessly across desktops, tablets, and mobile devices
100% Customizable
Built with the Client-First methodology, ensuring a well-structured, scalable, and easy-to-maintain design
SEO-Optimized
Built with best practices to ensure strong search rankings and increased visibility
Fast Loading Speed
Optimized for performance to ensure a smooth user experience
Plans & Integrations System
Showcase each plans & integrations with clear objectives, strategic approach, and real business impact
Built-in Blog Journal
Share insights, thought leadership, and company news with a fully customizable blog
Need help customizing?
We offer template customization services to ensure your site perfectly reflects your brand, content, and goals
Customize Template
