Effect.Labs FR
All Effects Generators New Templates Blog Tips Favorites ✨ Premium
Effect.Labs

Fundamentals

Buttons Text & Typography Forms Navigation & UI Loading

Design & Visuals

Backgrounds Glass & Morphism Visual Effects Liquid & Morphing SVG & Art

Animations & Scroll

Scroll & Parallax Transitions Hover & Interactions 3D & Depth Cursors

Gallery & More

Cards & Layouts Gallery & Media Data & Visualization Atmosphere Utilities
All Effects New Favorites Templates Blog Tips ✨ Go Premium
← Back to homepage

Connect your AI assistant

Effect.Labs has an official MCP server. Your AI assistant (Claude, ChatGPT, Cursor…) can search the 840 effects, present them to you and add their code straight into your project.

What your assistant can do

  • Find an effect from a description ("a button that ripples on hover", "an aurora background"), a category or a technology.
  • Show an effect's details and the link to its live demo.
  • Give the full code of the 100+ free effects, no account needed.
  • With a Premium subscription: give the full code of every effect in the library.
  • Present the plans and send you to the subscription page. Payment always happens on effect-labs.com, by you.

Server address

https://effect-labs.com/api/mcp.php

HTTP transport. Without an account: search, effect details, pricing and free effect code. With your subscriber account: premium effect code — through the "Sign in" button in ChatGPT and Claude, or with your personal key in tools you configure by hand.

Your personal key (Premium subscribers)

In ChatGPT and Claude (web, desktop, mobile) you do not need a key: a "Sign in" button appears in the conversation the first time the assistant asks for the code of a premium effect. For tools you configure by hand (Claude Code, Cursor, Claude Desktop), create a key.

Sign in, open the Favorites page, "AI assistants (MCP)" section, and click "Create a key". It is shown only once: copy it right away. You can revoke it at any time from the same page.

Your key is personal: do not share or publish it, for example in a code repository (see Article 6 of the Terms of Sale). In the examples below, replace YOUR_KEY with your key.

Setup

Claude Code

claude mcp add --transport http --scope user effect-labs https://effect-labs.com/api/mcp.php --header "Authorization: Bearer YOUR_KEY"

Without a subscription, simply remove the --header part.

Cursor

In ~/.cursor/mcp.json:

{
  "mcpServers": {
    "effect-labs": {
      "url": "https://effect-labs.com/api/mcp.php",
      "headers": {
        "Authorization": "Bearer YOUR_KEY"
      }
    }
  }
}

Claude Desktop

In claude_desktop_config.json (Settings → Developer → Edit Config), through mcp-remote (Node.js 18 or later):

{
  "mcpServers": {
    "effect-labs": {
      "command": "npx",
      "args": [
        "mcp-remote",
        "https://effect-labs.com/api/mcp.php",
        "--header",
        "Authorization:${EFFECT_LABS_AUTH}"
      ],
      "env": {
        "EFFECT_LABS_AUTH": "Bearer YOUR_KEY"
      }
    }
  }
}

ChatGPT

In ChatGPT on the web (paid plans), turn on developer mode in the settings, then create an app with the server address and "OAuth" authentication. Without an account, ChatGPT searches the catalogue, delivers free effect code and presents the subscription. The first time it asks for the code of a premium effect, a "Sign in" button appears in the conversation: sign in to Effect.Labs, allow ChatGPT, and it receives the code as long as your subscription is active. You can remove this access at any time from the Favorites page, "Connected apps" block. Menu labels may vary between ChatGPT versions.

Claude (web, desktop, mobile)

In Claude, open Settings → Connectors → Add custom connector, paste the server address and confirm. Without an account: search, effect details and free effect code. On the first premium effect, Claude shows a "Connect" card: sign in, allow Claude, and premium code follows as long as your subscription is active. Revocable from the Favorites page, like ChatGPT.

Limits

Premium code is limited to 50 different effects per hour and 80 per week, shared with the website. Free effect code is limited to 60 effects per hour from the same connection. Overall, a single connection can make up to 600 requests per hour (searches, effect details and code). Beyond that, your assistant receives a message asking you to try again later.

Frequently asked questions

What is MCP?

The Model Context Protocol is an open standard that lets an AI assistant use external tools. Here it gives your assistant direct, up-to-date access to the Effect.Labs catalogue instead of guessing code.

Do I need a subscription?

No to search, read effect details and get the code of free effects. Yes for premium effect code.

Does Effect.Labs see my conversations?

No. The server only receives the assistant's requests, such as a search or an effect ID, never the rest of your conversation.

What if my key leaks?

Revoke it from the Favorites page and create a new one. The old key stops working immediately.

Not subscribed yet? See the plans.

Last updated: October 2026

© 2026 Effect.Labs - Premium Web Effects Library