Ship a Full-Stack App with One Prompt

Copy this prompt into your AI coding agent, or open it in one below.

Give this to your AI Create a to-do list app using Puter.js

Coding manually? see the guide

Tutorials

Free, Unlimited Arcee AI API

On this page

In this tutorial, you will learn how to add Arcee AI models into your application for free using Puter.js. You can gain access to open-source models such as Trinity Large Thinking and Virtuoso Large without having to set up the AI server yourself.

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' usage, 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>

That's it, you're ready to start integrating Arcee AI into your application.

Example 1: Basic Chat

Virtuoso Large is Arcee AI's general purpose LLM for every day use such as Q&A and writing, while still maintaining strong reasoning performance.
puter.ai.chat("Explain the concept of quantum computing in simple terms", { model: "arcee-ai/virtuoso-large" })
.then(response => {
    puter.print(response);
});

Full code example:

<html>
<body>
    <script src="https://js.puter.com/v2/"></script>
    <script>
        puter.ai.chat("Explain the concept of quantum computing in simple terms", { model: "arcee-ai/virtuoso-large" })
            .then(response => {
                puter.print(response);
            });
    </script>
</body>
</html>

Example 2: Complex Reasoning

Trinity Large Thinking specializes in complex analysis, and is the reasoning-optimized model by Arcee AI.
<html>
<body>
    <script src="https://js.puter.com/v2/"></script>
    <script>
        async function streamResponse() {
            const response = await puter.ai.chat(
                "Debug this logic: If I have 3 apples and give away 5, how many do I have?",
                { model: "arcee-ai/trinity-large-thinking", stream: true }
            );

            for await (const part of response) {
                if (part?.reasoning) puter.print(part?.reasoning);
                else puter.print(part?.text);
            }
        }

        streamResponse();
    </script>
</body>
</html>

List of Arcee AI models

You can use the following Arcee AI models with Puter.js:

arcee-ai/trinity-large-thinking
arcee-ai/virtuoso-large

Conclusion

Using Puter.js, you can gain access to Arcee AI models without having to set up the AI server yourself. And thanks to the User-Pays model, your users cover their own AI usage, not you as the developer. This means you can build powerful applications without worrying about AI usage costs.

You can find all AI features supported by Puter.js in the documentation.

Ship a Full-Stack App with One Prompt

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

Coding manually? see the guide