Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/amanpriyanshu/api-llm-hub

A static-page vanilla-js interface for various LLM APIs (OpenAI, Claude, Gemini, Together).
https://github.com/amanpriyanshu/api-llm-hub

anthropic anthropic-claude claude claude-ai gemini gemini-api gpt gpt-3 gpt-4 javascript llm llm-inference llms openai openai-api package togetherai vanilla-javascript vanilla-js

Last synced: about 2 months ago
JSON representation

A static-page vanilla-js interface for various LLM APIs (OpenAI, Claude, Gemini, Together).

Awesome Lists containing this project

README

        

# API-LLM-Hub

API-LLM-Hub is a lightweight JavaScript library that simplifies the use of multiple AI language models directly in your web browser. It offers a straightforward interface for interacting with various AI providers through vanilla JavaScript, with **no build steps or backend required.**

## Find it interesting? Do ⭐ the repo!

## Key Features

- **Simple Integration**: Include a single script and start using AI in your web projects.
- **Browser-Focused**: Designed for easy use in static web pages and client-side applications.
- **CORS-Friendly**: Helps avoid common deployment issues, particularly with certain providers (https://github.com/anthropics/anthropic-sdk-typescript/issues/410).
- **API-LLM-Hub**: Consistent interface across multiple AI providers for easier development.
- **Quick Prototyping**: Rapidly integrate AI capabilities into static web projects.

## Supported Providers

- OpenAI
- Anthropic
- TogetherAI
- Google's Gemini

## Getting Started

Include the script and use API-LLM-Hub with just a few lines of code:

```html

import APILLMHub from 'https://amanpriyanshu.github.io/API-LLM-Hub/unified-llm-api.js';

async function runTest() {
const ai = new APILLMHub({
provider: 'openai',
apiKey: 'your-api-key',
model: 'gpt-3.5-turbo'
});

await ai.initialize();
const response = await ai.sendMessage("Hello, AI!");
console.log(response);
}

runTest();

```

## Practical Benefits

- **Works with Static Pages**: Suitable for use with GitHub Pages, Netlify, or similar static hosting.
- **No Dependencies**: Self-contained in a single, small JavaScript file.
- **Easy Provider Switching**: Change between AI providers by modifying a single parameter.

## Use Cases

- Browser-based AI prototypes
- Adding AI features to static websites
- AI-enhanced browser extensions
- Educational projects showcasing multiple AI providers

## Demo Samples
![homepage](/assets/main.png)
![web-llm-generated-outputs-1](/assets/output_demo_1.png)
![web-llm-generated-outputs-2](/assets/output_demo_2.png)
![example-codes](/assets/sample_codes.png)

## Why Use API-LLM-Hub

API-LLM-Hub addresses some common challenges in web-based AI integration:

1. **Browser-Native**: Runs directly in the browser, unlike server-side libraries.
2. **No Build Process**: Works out of the box, without complex setup or installation.
3. **Static Page Compatible**: Ideal for projects without a backend server.
4. **CORS Issue Mitigation**: Helpful for providers with known cross-origin challenges.

## Contributing

We welcome contributions to API-LLM-Hub. Whether it's bug fixes, new provider integrations, or documentation improvements, your input is valuable.

## License

API-LLM-Hub is available under the MIT License. Please see the LICENSE file for full details.