export const title = "Replit integration"
export const description = "Set up a Replit project with Untitled UI React in seconds. Our Replit starter kit includes providers, routing, and everything you need to get started."

<Divider />

## Start using Untitled UI in Replit

We have prepared starter kits specifically for Replit so that you can get started with Untitled UI in seconds. You can get started with either Next.js or Vite:

<div className="not-typography grid grid-cols-1 gap-3 my-8 lg:grid-cols-2">
    <FileCard type="nextjs" href="https://replit.com/@UntitledUI/Untitled-UI-Nextjs-Starter-Kit?v=1#README.md" title="Next.js starter kit – Untitled UI" subtitle="Click to open Next.js starter kit." />
    <FileCard type="vite" href="https://replit.com/@UntitledUI/Untitled-UI-Vite-Starter-Kit?v=1#README.md" title="Vite starter kit – Untitled UI" subtitle="Click to open Vite starter kit." />
</div>

You can use these starter kits at the base for your Untitled UI projects and copy and paste any Untitled UI components you need.

<Divider />

## How to open existing projects in Replit

If you had started your project outside Replit and have made changes to it, you can still open it in Replit by directly importing your GitHub repository via their import URL by adding `replit.com/` in front of your repository URL:

<Steps className="mb-8">
    <Step title="Find your repository URL">
        Open your GitHub repository in the browser: 

        i.e. `https://github.com/untitleduico/untitledui-vite-starter-kit`
    </Step>
    <Step title="Import your repository">
        Add `replit.com/` in front of your repository URL:

        i.e. `https://replit.com/github.com/untitleduico/untitledui-vite-starter-kit`

        This will open the repository in Replit and you can continue working on it there.
    </Step>
</Steps>

This will open the repository in Replit so you can continue working on it there. If it's a private repository, you may need to grant Replit access to your GitHub account.

For more information, please refer to the [Replit documentation](https://docs.replit.com/replit-app/import-to-replit) regarding how to import a project [from GitHub](https://docs.replit.com/getting-started/quickstarts/import-from-github) or [other sources](https://docs.replit.com/replit-app/import-to-replit) in Replit.