Introduction - Lovable Documentation

Lovable has native seamless integrations to export code and to add a backend. But it is also possible to integrate an external API if you are looking to add that specific functionality to your website.

What is an API?

An API is a way for software applications to communicate and share data with each other. Different APIs offer different functionality such as sending emails or processing payments. You can read more about the power of APIs in this article on our blog.

Native Integrations

Explore the sections below to get started quickly and learn more about our native GitHub and Supabase integrations.

GitHub Integration

Understand how to integrate Lovable with GitHub to export your code and for seamless version control.

Supabase Integration

Add a backend to your website using Supabase, to support authentication and persistent data storage.

Verified Integrations

Verified integrations work best with Lovable:

Stripe

Add payment processing capabilities to your app.

OpenAI

Add AI capabilities to your app using OpenAI’s models.

Anthropic

Add AI capabilities to your app using Anthropic’s Claude models.

Resend

Add email capabilities to your app using Resend’s modern email API.

Clerk

Comprehensive User Management Platform.

Three.js

Add interactive 3D graphics to your app.

D3.js

Create dynamic, interactive data visualizations.

Highcharts

Create professional, interactive charts and visualizations.

p5.js

Create creative coding projects and interactive graphics.

Runware

Make your app generate images from text prompts.

ElevenLabs

Add Text-to-Speech functionality.

Make

Visual platform for building workflows that automate tasks and connect apps.

Replicate

Run and fine-tune open-source AI models.

Stability AI

Develops open AI models across various modalities.

Figma

Import designs from your Figma workspace.

Twilio

Add SMS capabilities to your app using Twilio.

n8n

Build workflows with visual platform for your application.

You can always request new integrations here.

Using Any API with Lovable

All other callable APIs can still be integrated, but they often require additional context and instructions. You might have:

Internal systems with custom APIs
These could be services your team has built (e.g. inventory systems, analytics pipelines, internal tools) that expose REST or GraphQL endpoints but aren’t publicly documented or widely known. You want Lovable to pull from or send data to these systems to automate workflows or power user interfaces.
Third-party APIs Lovable doesn’t yet support
Maybe you use a niche SaaS product, a specialized data provider, or a partner integration that Lovable doesn’t have built-in knowledge of. Even though it’s not officially supported, you still want Lovable to connect, make calls, and work with the data.

In both cases, the challenge is the same: Lovable doesn’t “know” the API by default. But with good documentation and authentication setup, it can still use it effectively. Either way, the approach is the same: Lovable can still connect to it. Here’s how.

Give Lovable the context it needs

Lovable works best when it understands the API. You can provide:

OpenAPI specification (if available)
Copy-pasted docs or examples (especially endpoints and sample requests/responses)

The clearer the documentation, the better Lovable can reason about how to call the API.

Handle authentication safely

For APIs that require authentication:Option 1: Use Supabase Edge Functions as a proxy

Store secrets securely on Supabase
Let Lovable call the API endpoint via the Edge Function (not the API directly)

Option 2: Implement the API integration directly in your Lovable project

Expose an authentication endpoint (e.g. to exchange credentials for a token or session)
Let Lovable call that auth endpoint as part of the integration flow
Include tokens, headers, or session info in subsequent API calls

Example APIs: