Free, Unlimited Leonardo.Ai API

Updated: April 30, 2026

On this page

Getting Started Example 1: Generate an image with Lucid Origin Supported Leonardo.Ai Models Related

This tutorial shows you how to add Leonardo.Ai image generation to your web application using Puter.js, without needing API keys or backend infrastructure. With Puter.js, you can access Leonardo.Ai's Lucid Origin model directly from client-side JavaScript.

Puter.js uses the User-Pays model, where users of your application cover their own AI costs. This means you, as a developer, don't pay anything for your users' image generation, making your app practically free to run. You can scale to unlimited users and pay nothing for the AI or server usage.

Getting Started

To use Puter.js, import our npm module in your project:

// npm install @heyputer/puter.js
import { puter } from '@heyputer/puter.js';

Or alternatively, add our script via CDN if you are working directly with HTML, simply add it to the <head> or <body> section of your code:

<script src="https://js.puter.com/v2/"></script>

Nothing else is required to start generating images with Leonardo.Ai models in your application.

Example 1: Generate an image with Lucid Origin

To generate an image using Lucid Origin, use the puter.ai.txt2img() function:

puter.ai.txt2img(
    "A bold typographic poster for a coffee shop, vibrant colors, sharp detail, the words 'MORNING BREW' rendered cleanly in the center",
    { model: "leonardoai/lucid-origin" }
)
.then(imageElement => {
    document.body.appendChild(imageElement);
});

Full code example:

<html>
<body>
    <h1>Lucid Origin Image Generation</h1>
    <script src="https://js.puter.com/v2/"></script>
    <script>
        puter.ai.txt2img(
            "A bold typographic poster for a coffee shop, vibrant colors, sharp detail, the words 'MORNING BREW' rendered cleanly in the center",
            { model: "leonardoai/lucid-origin" }
        )
        .then(imageElement => {
            document.body.appendChild(imageElement);
        });
    </script>
</body>
</html>

Supported Leonardo.Ai Models

The following Leonardo.Ai models are supported by Puter.js, which can be used with the puter.ai.txt2img() function:

leonardoai/lucid-origin

Using Puter.js, you can integrate Leonardo.Ai image generation into your app without having to use API keys or set up an AI server yourself. And thanks to the User-Pays model, you can add this feature for free to your application, since your users cover their own image generation usage, not you as the developer.

You can find more details about Puter.js image generation API in the documentation.

Ship a Full-Stack App with One Prompt

Give this to your AI Build an AI chat app using Puter.js

Try in

Coding manually? see the guide