.mint-aspect-video {
    aspect-ratio: 16 / 9
}
.mint-w-full {
    width: 100%
}
.mint-rounded-xl {
    border-radius: 0.75rem
}

Learn about Lovable and how to get started

Welcome

Lovable Documentation

Understanding plans and credit limits in Lovable

Plans and credit limits

Getting started

Learn how to use Lovable’s different modes to build faster and smarter.

Modes

Make specific design changes directly in the interface.

Visual Edits

View & Edit your project’s code directly in Lovable

Code mode

Give your project the context it needs to succeed

Custom Knowledge

Collaboration

Learn how to deploy your web applications with Lovable.

Deploy

Add your own domain to any Lovable project.

Custom domain

Security

Learn about and manage early access features.

Labs

Learn how to get traffic to your web applications with Lovable.

Launched

Export Figma designs directly into Lovable.

Figma to Lovable

Extend your website's functionality by using integrations and external APIs

Introduction

Learn how to connect and sync your projects with GitHub repositories

GitHub Integration

Integrate a full-featured backend into your Lovable application with Supabase.

Supabase Integration

How to set up payments in your app using our Stripe integration

Stripe Integration

Learn how to integrate Resend with your Lovable application

Resend Integration

Learn how to integrate Clerk with your Lovable application

Clerk Integration

Learn how to integrate Make with your Lovable application

Make Integration

Learn how to integrate Replicate with your Lovable application

Replicate Integration

How to Integrate AI Services into Lovable Projects

AI Integration

Build High-Converting AI Landing Pages Using Lovable

21st.dev Integration

Best Practices

Actionable steps to resolve issues in your development lifecycle.

Troubleshooting

Learn how to add images to your Lovable projects

Using images in Lovable

Learn how to embed videos in your projects using external links or GitHub uploads

Using Videos

Learn how to use web-safe fonts and Google Fonts in your Lovable projects

Using Custom (Google) Fonts

Learn how to leverage npm packages to extend your Lovable applications with advanced features

Using npm packages

Chrome Adds-on

How to Bring Your Vision to Life with Lovable

From Idea to Working App

Community

Explore support options for free and paid plans with prioritized assistance

Support Policy

Prompt structure, levels of prompting, meta/reverse meta prompting, and foundational tactics with examples.

Prompting 1.1

List of prompting strategies and approaches.

Prompt Library

Debug workflows, with strategies, sample prompts, troubleshooting flows, and deep debugging mindset examples.

Debugging Prompts

Enhance your apps with powerful built-in integrations

Prompts & Integrations

Inspiration time

Check out these videos to get a full overview of how to build an app with Lovable.

Video tutorial

Welcome to the official guide to building landing pages in Lovable. 

Landing Page

Build an application prototype with Lovable

Prototype

SaaS

Learn the key development terms you need to navigate and use Lovable effectively.

Glossary

Changelog

Build real web apps fast using natural language with Lovable

Messaging Limits

Collaborate on your app in real time with teammates

Teams

Quickstart

Learn how to use Lovable’s two AI modes to build faster and smarter.

Tailwind-native visual controls for easy refinement.

Visual Edit

Knowledge Files

Dev Mode

Add your own domain to any Lovable site app.

Extend Lovable functionality with official integrations

Integrations

Stripe & Payments

Integration with Resend

Integration with Clerk

Integration with Make

Integration with Replicate

Integration with AI

Integrate with 21st.dev

Publish a Lovable Web App to Both App Stores.

Welcome

Getting Started

Features

Integrations

Tips & Tricks

Prompt Engineering

Use Cases

Glossary

Templates

Launched

Affiliate program

Partner program

Community