export const title = "Lovable integration"
export const description = "Set up a Lovable project with Untitled UI React in seconds. Our example projects include providers, routing, and everything you need to get started."

<Divider />

## Start using Untitled UI in Lovable

We have prepared a starter kit specifically for Lovable so that you can get started with Untitled UI in seconds. It is built on Lovable's own stack, TanStack Start on Vite:

<div className="not-typography grid grid-cols-1 gap-3 my-8 lg:grid-cols-2">
    <FileCard type="vite" href="https://lovable.dev/projects/9c0c638c-3465-44b0-92b6-431c9f036d60" title="Vite starter kit – Untitled UI" subtitle="Click to open Vite starter kit." />
</div>

Click **Remix** on the project page to copy it into your own workspace. You can use this starter kit as the base for your Untitled UI projects and copy and paste any Untitled UI components you need.

<Divider />

## Open examples in Lovable

Most of our [marketing](/marketing) and [application](/application-ui) UI examples are available to open directly in Lovable with just a click. Click **Remix** on the project page to copy it into your own workspace and keep building on it.

![Open in Lovable](/react/docs/open-in-lovable.png)

<Divider />

## Sync your project with GitHub

Lovable supports two-way sync with GitHub, so you can push your project to a repository, work on it locally, and have your changes flow back into Lovable. See the [Lovable GitHub documentation](https://docs.lovable.dev/integrations/github) for how to connect a repository.