Introducing the New Window.ai: Free AI Model Control for Your Web Apps

4 min readSep 2, 2024

In the ever-evolving world of AI, a revolutionary tool is here that redefines how we bring AI capabilities to the web — for free. Meet the new Window.ai — a browser extension that empowers users to choose their AI model for any web app, without the need for API keys, backend setups, or costly services. This innovative and free solution allows users to tailor their AI experience, selecting from top-tier providers or even running models locally for enhanced privacy.

Introducing the New Window.ai: Free AI Model Control for Your Web Apps

What Makes Window.ai Revolutionary?

Traditionally, integrating AI into web applications meant dealing with complex setups, API key management, and often, significant costs. With Window.ai, this dynamic shifts entirely. Users, not developers, control the AI model used in the application, opening up a world of possibilities for customization and security — all without spending a dime.

Say Goodbye to API Keys and Costs

One of the most remarkable features of the new Window.ai is its ability to function without API keys or expensive subscriptions. This means users can immediately start using AI without the usual hurdles of setting up keys, managing backend services, or paying for large language models (LLMs). The extension seamlessly integrates with various AI models, offering a truly plug-and-play and cost-free experience.

Choose Your AI Model

With Window.ai, the choice is yours, and it’s completely free. Whether you prefer models from industry leaders like OpenAI, Google, Anthropic, Together, or Cohere, or need the security of running an AI model on your local machine, Window.ai has you covered. This flexibility ensures that your AI experience is not only powerful and customizable but also comes with zero cost.

A Simple Example: Free Chatbot Implementation

To see Window.ai in action, consider a simple chatbot implementation. Here’s how easy it is to stream a response from a user’s chosen AI model:

// Code for streaming a response
// from a user's Window AI model
await window.ai.generateText(
  {
    prompt: "Hello world!"
  },
  {
    onStreamResult: (res) =>
      console.log(res.text)
  }
);

This code snippet showcases how developers can leverage the power of Window.ai to build AI-driven features without worrying about backend complexities, API key management, or costs.

Tutorial: How to Get Started with Window.ai

Integrating AI into your web app with Window.ai is a straightforward and cost-effective process. Here’s how to get started:

Check if Window.ai is Installed:
The first step is to check if the Window.ai extension is already installed in your user’s browser. You can do this by checking the presence of the window.ai variable in your code.

  if (typeof window.ai === "undefined") {
    alert(
      "Window.ai not found! Please install the Window.ai extension to continue."
    );
  } else {
    // Your AI-powered code can run here
  }

2. Prompt Users to Install Window.ai:
If the extension is not installed, guide your users to install it. Create a simple prompt or an in-app message encouraging them to add Window.ai to their browser.

  if (typeof window.ai === "undefined") {
    alert(
      "To use AI features, please install the free Window.ai extension from the browser's extension store."
    );
  }

3. Leverage Free AI Capabilities:
Once installed, any code you write that utilizes window.ai will automatically work, giving your app AI capabilities without requiring API keys or backend services. This setup means your application can support generative AI for free, without needing to pay for LLMs.

 // Example of using Window.ai to generate text
  await window.ai.generateText(
    {
      prompt: "What's the weather like today?",
    },
    { onStreamResult: (res) => console.log(res.text) }
  );

Control Your AI Experience

Beyond just selecting models, Window.ai also allows you to configure and manage your AI interactions. The extension keeps a history of all messages sent and received, which can be used to train your own AI models over time, further enhancing the personalized experience — all for free.

Join the Window.ai Community

Window.ai is not just a tool but a community-driven platform. By joining the Window.ai community, users can share insights, get support, and contribute to the evolution of this exciting and free extension.

Whether you’re a developer looking to simplify your workflow or a user eager to customize your AI experience, the new Window.ai is the free tool you’ve been waiting for. Get the extension, explore the possibilities, and take control of your AI today without spending a dime.

Explore more of my articles and tutorials on React and other topics on my profile!

Useful Links

Demo Implementation: https://window-ai-react-demo.vercel.app/

Demo Code: https://github.com/Shaxadhere/window-ai-react-demo

Window.ai Official Website: https://windowai.io/

Window.ai Chrome Extension: https://chromewebstore.google.com/detail/cbhbgmdpcoelfdoihppookkijpmgahag

Window.ai Github Repo: https://github.com/alexanderatallah/window.ai

And don’t forget to leave a star on the Window.ai Github Repo.

Find me on your favorite platform

Github — Follow me on GitHub for further useful code snippets and open source repos.
LinkedIn Profile — Connect with me on LinkedIn for further discussions and updates.
Twitter (X) — Connect with me on Twitter (X) for useless tech tweets.