Use Flux in your AI tool

Copy a component's prompt into Claude, ChatGPT, Cursor or Kimi and get a polished, animated result — or install the code straight from the terminal. Free and open.

  1. 1

    Copy a component's prompt

    Every component page has a tuned, ready-made prompt. Here's the one for the 3D Tilt Card:

    Flux prompt · 3D Tilt Card

    Create a self-contained React + Motion component: a 3D tilt card that leans toward the cursor with a soft light glare, springs back on mouse-leave, and respects prefers-reduced-motion. No external UI libraries — Tailwind + motion/react only. Colours from CSS variables (--accent, --foreground, --surface).
  2. 2

    Paste into Claude

    Paste it into a new Claude chat, or straight into Claude Code. Claude returns the full, ready-to-drop component.

  3. 3

    Or install the code directly

    Prefer the source over a prompt? Grab any component from the terminal — deps included:

    Terminal

    npx shadcn@latest add https://fluxai.tech/r/option-wheel.json

What Flux gives your AI tool

Everything below is free with an account — 10 copies a day, unlimited on Hobby.

Find

Browse the catalog

Free

103 animated components, every one with a live preview — so your AI tool has a real reference, not a guess.

Copy the prompt

Free

A tuned, ready-made prompt for each component — the exact words that get a clean result on the first try.

Build

Install the code

Free

One shadcn command pulls a self-contained component — dependencies included — straight into your project.

npx shadcn@latest add …

Colour before you copy

Free

Set your accent and light or dark surface on any component page, then copy it already themed to your product.

Ship

Own the source

Free

Every component is one dependency-light file. No black boxes, nothing to chase down, nothing to rip out later.

Free account to start

Free

Sign up free — 10 copies a day on the house. Upgrade for unlimited copies and MCP access.

Connect

Point your AI tool at the Flux MCP server

Generate a key on your account page (Hobby or Pro), then add the server to Claude Code, Claude Desktop or Cursor. The endpoint is:

https://flux-ui.pro/api/mcp

Claude Code

claude mcp add --transport http flux https://flux-ui.pro/api/mcp --header "Authorization: Bearer flux_YOURKEY"

Cursor (mcp.json)

{
  "mcpServers": {
    "flux": {
      "url": "https://flux-ui.pro/api/mcp",
      "headers": { "Authorization": "Bearer flux_YOURKEY" }
    }
  }
}

Free to copy. MCP is a subscriber perk.

Grab a prompt, paste it in, ship the result - free with an account, 10 copies a day. Or connect the MCP server and let your agent pull components directly, a Hobby and Pro feature.

See pricingBrowse components