Lifetime access · one payment

Better gradients for the apps your agent builds

A layered gradient studio: 34 layer types, export to 4K, and a one-line embed that drops into any page.

Get lifetime accessSee the gallery
Horizon fadeAura glowMesh blurBlurred shapesRings and arcsWater causticsCloudsCellsGradient barsLayered wavesRetro stripesLiquid swirlWave ribbonsMeltFluted glassHolographic foilLiquid chromeSatin foldsPrism streaksLight beamsFrosted glassTiled glassGradient mapColour adjustThermal contourGrainHalftone dotsDitherLine screenVignetteBloomChromatic split

Built for agents

A gradient is one line of code

No image files to host, no design tool round trip. Copy the snippet from the studio and paste it where the background goes.

<script type="module" src="https://…/embed.js"></script>

<gradient-f
  recipe="eyJ2IjoxLCJzZWVkIjo3…"
  style="display:block;height:100vh">
</gradient-f>
$ claude mcp add --transport http gradients \
    https://…/api/mcp \
    --header "Authorization: Bearer gf_…"

You     A dark chrome hero background
        that reacts to the cursor.

Claude  create_gradient → pastes
        <gradient-f recipe="…"> into the page
        and hands you a studio link.

MCP server · included with the licence

Or just ask your agent

Connect Claude, or any agent that speaks MCP, with a key from your account page. It knows every layer, control and effect, builds the gradient you describe, and comes back with the embed code and a studio link so you can fine-tune it.

500 gradients a month. Nothing to install.

Everything a background needs

Made with a hand-written WebGL2 engine that mixes colour in OKLab, so gradients stay vivid instead of turning grey in the middle.

From pick to shipped

  1. Step 1

    Pick a starting point

    44 tuned gradients to start from, or a blank studio.

  2. Step 2

    Make it yours

    Layers, colours, motion and grain. The link is the recipe, so sharing is copying the URL.

  3. Step 3

    Ship it

    Export a PNG for design tools, or paste one line of HTML or React into the app your agent is building.

One price, forever

No plans to compare and nothing monthly. Pay once and the studio is yours.

Lifetime licence

once

  • The full studio, every layer type
  • PNG export up to 4K, any aspect ratio
  • HTML and React embed code
  • MCP server for Claude and other agents
  • Share links that reopen any gradient
  • Palettes, image colours, undo
  • One payment, no subscription
Get lifetime access

Secure payment by Razorpay. Already bought it? Sign in

Questions

Is this a subscription?

No. You pay once and your account keeps access to the studio. There is nothing to renew or cancel.

How do I pay?

Through Razorpay. In India you can pay in rupees by card, UPI, netbanking or wallet; elsewhere in US dollars by card. Your card details go to Razorpay, never to us.

Do embedded gradients need my account?

No. Once you copy the embed code, the gradient runs on any site, with or without you signed in. Only the studio, where you make and export gradients, needs the licence.

What do AI agents get out of this?

Each gradient is a short recipe in a URL, and the embed is one HTML element, so an agent can drop a polished background into a page without image files or design tools. The licence also includes an MCP server: connect your agent with a key from your account page and ask it for a gradient in plain words.

Does it work on phones?

Embedded gradients do, and they scale to any screen. The studio is built for a desktop browser.

What if something goes wrong with my payment?

If money left your account but the studio did not open, sign in and open your account page: it checks with Razorpay again and unlocks the studio. See the refund policy for the rest.

Make the background the best part

Get lifetime access