Skip to main content

Welcome to Mantlz Documentation

Build and manage beautiful forms with a headless platform designed for modern web applications. Get started in minutes with our TypeScript-native SDK.

Quick start

Get up and running with Mantlz in just a few steps

1

Create your account

Sign up for a free Mantlz account to get started. You’ll receive an API key that you can use to authenticate your requests.
# Visit https://mantlz.app to create your account
2

Install the SDK

Add the Mantlz SDK to your Next.js project using your preferred package manager.
npm install @mantlz/nextjs
3

Configure the provider

Wrap your application with the MantlzProvider and add your API key.
app/layout.tsx
import { MantlzProvider } from '@mantlz/nextjs';

export default function RootLayout({ children }) {
  return (
    <html>
      <body>
        <MantlzProvider apiKey="your-mantlz-api-key">
          {children}
        </MantlzProvider>
      </body>
    </html>
  );
}
4

Add your first form

Create a form in your dashboard and embed it in your application using the Mantlz component.
app/contact/page.tsx
import { Mantlz } from '@mantlz/nextjs';

export default function ContactPage() {
  return (
    <div className="container mx-auto p-4">
      <Mantlz formId="your-form-id" />
    </div>
  );
}
Your form ID can be found in the Mantlz dashboard under your form settings.

Explore by topic

Learn about the different features and capabilities of Mantlz

Platform features

Explore the dashboard, form builder, analytics, and campaign management features

SDK integration

Learn how to integrate Mantlz into your Next.js application with our TypeScript SDK

API reference

Browse the complete API documentation with endpoints for forms, submissions, and analytics

Self-hosting

Deploy Mantlz on your own infrastructure with our self-hosting guide

Form types

Discover all supported form types including waitlist, contact, feedback, and survey forms

Theming

Customize your forms with built-in themes and custom styling options

Key features

Everything you need to build and manage forms at scale

Visual form builder

Create beautiful forms with a drag-and-drop interface. No coding required.

Real-time analytics

Track submissions, conversion rates, and user behavior with powerful analytics.

TypeScript SDK

Type-safe integration with full IntelliSense support and Zod validation.

Built-in themes

Choose from multiple themes or create your own with full customization support.

Email campaigns

Engage with your audience through automated email campaigns and newsletters.

Enterprise ready

Self-hosting support, SSO, and enterprise-grade security features.

Ready to get started?

Create your first form in minutes and start collecting submissions. No credit card required for the free tier.

Build docs developers (and LLMs) love