> ## Documentation Index
> Fetch the complete documentation index at: https://docs.lovable.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# Connect your app to KLIPY

> Connect your app to KLIPY to search and embed GIFs, stickers, and clips, and generate AI emojis.

export const connector_0 = "KLIPY"

[KLIPY](https://klipy.com/) is a media API that lets your Lovable app search and embed GIFs, stickers, and short clips, and generate AI emojis on demand. It's a drop-in media layer for chat, social, and commenting features.

KLIPY is available as an [app + chat connector](/integrations/app-connectors): one shared connection that works in the chat while you build and in your published apps.

With KLIPY, your app can:

* Search and embed GIFs, stickers, and short clips
* Generate AI emojis on demand
* Add a trending media picker to chat and social features

<Tip>
  Reach for the KLIPY connector when your app needs a media picker, reaction stickers, or generated emojis. For a handful of static images you ship yourself, keep them in your app's assets instead.
</Tip>

## Common use cases and example apps

| Example app              | Example prompt                                                                            | Description                                                                                                                                                 |
| :----------------------- | :---------------------------------------------------------------------------------------- | :---------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Chat with GIF picker** | *Use KLIPY and add a GIF picker to my chat app so users can search and send GIFs inline.* | **Let users react and reply with GIFs.**<br />The app adds a searchable GIF picker to the message composer and embeds the selected GIF in the conversation. |
| **Sticker reactions**    | *Use KLIPY and let users react to posts with stickers from a searchable picker.*          | **Add expressive sticker reactions.**<br />The app surfaces a sticker search and attaches the chosen sticker as a reaction.                                 |
| **Meme / clip feed**     | *Use KLIPY and build a trending feed of GIFs and clips users can browse and share.*       | **Surface trending media in a feed.**<br />The app pulls trending GIFs and clips and renders a browsable, shareable feed.                                   |
| **Custom emojis tool**   | *Use KLIPY and build a tool that generates custom AI emojis from a text prompt.*          | **Generate custom emojis on demand.**<br />The app sends a prompt to KLIPY and renders the generated AI emojis for the user to download or send.            |
| **Social composer**      | *Use KLIPY and add GIFs, stickers, and emojis to my social post composer.*                | **Enrich a post composer with media.**<br />The app lets users search GIFs, stickers, and emojis so they can drop media into posts.                         |

## How to connect KLIPY

Who can create KLIPY connections depends on your plan and workspace settings. See [Who can create connections and clients](/integrations/admin-controls#who-can-create-connections-and-clients). When adding a connection, you can choose between:

* **Managed by Lovable** (no KLIPY account or API key required)
* **Bring Your Own Key** (connect with your own KLIPY API key)

When the connection is created, you can [link it to the projects](/integrations/app-connectors#link-a-connection-to-a-project) where you want to use it. Anyone building in a project can ask Lovable in chat to link their project to it.

Follow the setup steps below based on how you want to connect KLIPY.

<Tabs>
  <Tab title="Managed by Lovable">
    Choose this option if you want the fastest setup. You don't need to create a KLIPY account or API key. Lovable provides and manages the credentials for you.

    <Note>
      You can create only one managed KLIPY connection per workspace.
    </Note>

    <Steps>
      <Step title="Open KLIPY in Connectors">
        Go to **Connectors** and select **KLIPY**.
      </Step>

      <Step title="Add a connection">
        Click **Add connection**.
      </Step>

      <Step title="Name the connection">
        In **Display name**, name the connection (for example, `KLIPY Prod`).
      </Step>

      <Step title="Choose Managed by Lovable">
        Under **Authentication**, select **Managed by Lovable**.
      </Step>

      <Step title="Choose who can use this connection">
        Managed connections are shared with the **entire workspace** by default. To limit who can use the connection, click **Restrict to specific people** under **Who can use this connection**.

        See [Who can use connections and clients](/integrations/admin-controls#who-can-use-connections-and-clients) for more information.
      </Step>

      <Step title="Connect">
        Click **Connect**.
      </Step>
    </Steps>
  </Tab>

  <Tab title="Bring Your Own Key">
    Bring your own API key if you want to manage your KLIPY account, content, usage limits, and account settings directly in the KLIPY partner dashboard.

    <Note>
      All media requests made through this connector count toward your KLIPY account's limits. Billing and quotas are handled directly by KLIPY, not Lovable.
    </Note>

    You can create multiple KLIPY connections using different API keys, which is useful for separating environments (for example, development and production) or managing rate limits.

    ### Prerequisites

    Before connecting KLIPY, make sure you have:

    * A KLIPY account and API key
    * Permission to **create connections** in your Lovable workspace (see [Who can create connections and clients](/integrations/admin-controls#who-can-create-connections-and-clients))

    ### Step 1: Get your KLIPY API key

    <Steps>
      <Step title="Open the KLIPY partner dashboard">
        Sign in to the [KLIPY partner dashboard](https://partner.klipy.com).
      </Step>

      <Step title="Create or copy your API key">
        Generate an API key for your app, or copy an existing one. With your own key you manage your KLIPY account, content, and usage limits directly.

        <Info>
          Your KLIPY API key functions like a password. Keep it secure and never share it publicly. You'll need it in the next step.
        </Info>
      </Step>
    </Steps>

    ### Step 2: Connect KLIPY to Lovable

    <Steps>
      <Step title="Open KLIPY in Connectors">
        Go to **Connectors** and select **KLIPY**.
      </Step>

      <Step title="Add a connection">
        Click **Add connection**.
      </Step>

      <Step title="Name the connection">
        In **Display name**, name the connection (for example, `KLIPY Prod`).
      </Step>

      <Step title="Choose Bring Your Own Key">
        Under **Authentication**, select **Bring Your Own Key**.
      </Step>

      <Step title="Enter your API key">
        In **API key**, paste your KLIPY API key. Use **Open KLIPY** below the field to jump to the partner dashboard if you need to generate one.
      </Step>

      <Step title="Choose who can use this connection">
        Under **Who can use this connection**, decide who in your workspace can use the connection. You start as the only person with access:

        * **Only you** (default): leave the access list as is; only you can use the connection and its associated data.
        * **Invite specific people**: add workspace members by email; only you and the people you add can use the connection and its associated data.
        * **Invite entire workspace**: click **Invite entire workspace** to make the connection available to everyone in your Lovable workspace.

        See [Who can use connections and clients](/integrations/admin-controls#who-can-use-connections-and-clients) for more information.
      </Step>

      <Step title="Connect">
        Click **Connect**. Lovable verifies the key against KLIPY before saving the connection.
      </Step>
    </Steps>
  </Tab>
</Tabs>

When connected, anyone building in a project can ask Lovable in chat to link their project to KLIPY (based on configured connection-level access). Your Lovable apps can then search and embed media and generate AI emojis through the connector.

## Limitations

The KLIPY connector cannot:

* Refresh or rotate API keys automatically. For Bring Your Own Key connections, generate a new key in the KLIPY partner dashboard and update the Lovable connection to rotate
* Support per-end-user KLIPY login. Each connection represents a single KLIPY key shared across all projects linked to it
* Manage your KLIPY account, content settings, or usage limits for Bring Your Own Key connections. Configure those in the KLIPY partner dashboard

## Manage your {connector_0} connection

Connections are managed from [**Connectors**](https://lovable.dev/dashboard?connectors): select **{connector_0}**, then open the connection.

* **Unlink projects** to remove {connector_0} access from specific projects while keeping the connection available for others. See [Unlink projects from a connection](/integrations/app-connectors#unlink-projects-from-a-connection) for the steps.
* **Delete the connection** to remove it from the workspace entirely. Deleting is permanent. It removes the credentials from all linked projects, and app features that use {connector_0} stop working until a new connection is added. See [Delete a connection](/integrations/app-connectors#delete-a-connection) for the steps and who can delete.