# The Self-Coding System for Your App &mdash; Alan AI SDK for Web

[Alan AI Platform](https://alan.app/) • [Alan AI Studio](https://studio.alan.app/register) • [Docs](https://alan.app/docs) • [FAQ](https://alan.app/docs/usage/additional/faq) •
[Blog](https://alan.app/blog/) • [Twitter](https://twitter.com/alanvoiceai)

[![npm](https://img.shields.io/npm/v/@alan-ai/alan-sdk-web.svg)](https://www.npmjs.com/package/@alan-ai/alan-sdk-web)
[![GitHub release (latest by date)](https://img.shields.io/github/v/release/alan-ai/alan-sdk-web)](https://github.com/alan-ai/alan-sdk-web/releases)


## The Intelligent App Platform

Alan AI is transforming enterprise software with a new approach, **Application-Level AI**. Instead of relying on manual development or isolated AI tools, we embed an intelligent layer into your application that builds features on demand.

Powered by our proprietary **Three-Layer AI (3LAI)** architecture, our system generates both business logic and UI in real time—no developers needed. It works across your entire app stack: the user interface, business logic, and data management.

The **Intelligent App Platform** lets companies integrate AI-driven interfaces into their existing apps in days, not months.

It creates a safe and validated environment from your app’s APIs, GUIs, and documentation, enabling accurate, context-aware code generation. At runtime, the AI acts like a self-coding engine—instantly creating new features based on user needs.

With Alan AI, your software becomes truly adaptive—responding, evolving, and scaling automatically.

This repository contains the **Alan AI SDK for Web**, enabling you to embed Alan's intelligent layer into your Web applications.

## How to start

To create a Generative AI Agent for your web app:

1. <a href="https://studio.alan.app/register" target="_blank">Sign up for Alan AI Studio</a> to build dialog scripts in JavaScript and test them.
2. Use the Alan AI SDK for Web to embed a Generative AI Agent to your app or website. For details, see Alan AI documentation for the necessary framework:

    * <a href="https://alan.app/docs/client-api/web/vanilla" target="_blank">JavaScript</a>
	* <a href="https://alan.app/docs/client-api/web/react" target="_blank">React</a>
    * <a href="https://alan.app/docs/client-api/web/angular" target="_blank">Angular</a>
    * <a href="https://alan.app/docs/client-api/web/vue" target="_blank">Vue</a> 
    * <a href="https://alan.app/docs/client-api/web/ember" target="_blank">Ember</a>
    * <a href="https://alan.app/docs/client-api/web/electron" target="_blank">Electron</a>


## Downloads

* <a href="https://www.npmjs.com/package/@alan-ai/alan-sdk-web" target="_blank">Alan AI package</a>
* <a href="https://github.com/alan-ai/alan-sdk-web/releases" target="_blank">Alan AI SDK for Web releases</a>

## AI Agent examples

In the [Examples](https://github.com/alan-ai/alan-sdk-web/tree/master/examples) folder, you can find example web apps created with:

* React
* Angular 
* Vue
* Ember
* Electron

To launch the app, follow the instructions in the README file inside the example app folder. Then press the Alan AI button and try interacting with Alan AI.

## Other platforms

You may also want to try Alan AI SDKs for the following platforms and frameworks:

* <a href="https://github.com/alan-ai/alan-sdk-ios" target="_blank">iOS</a>
* <a href="https://github.com/alan-ai/alan-sdk-android" target="_blank">Android</a>
* <a href="https://github.com/alan-ai/alan-sdk-flutter" target="_blank">Flutter</a>
* <a href="https://github.com/alan-ai/alan-sdk-ionic" target="_blank">Ionic</a>
* <a href="https://github.com/alan-ai/alan-sdk-cordova" target="_blank">Apache Cordova</a>
* <a href="https://github.com/alan-ai/alan-sdk-reactnative" target="_blank">React Native</a>


## Have questions?

If you have any questions or something is missing in the documentation:
- Join [Alan AI Slack community](https://app.slack.com/client/TL55N530A) for support
- Contact us at [support@alan.app](mailto:support@alan.app)