Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/jamalihassan0307/ai-sdk-image-generator

AI SDK Image Generator is a powerful web application that leverages multiple AI providers to generate images from text descriptions. Users can create unique images using different AI models and compare results across providers.
https://github.com/jamalihassan0307/ai-sdk-image-generator

ai aiimagegenerator aisdk chatbot chatgpt chatgpt-api website-design website-development

Last synced: 3 days ago
JSON representation

Host: GitHub
URL: https://github.com/jamalihassan0307/ai-sdk-image-generator
Owner: jamalihassan0307
License: other
Created: 2025-02-03T12:50:03.000Z (17 days ago)
Default Branch: main
Last Pushed: 2025-02-15T16:03:25.000Z (5 days ago)
Last Synced: 2025-02-15T16:27:56.453Z (5 days ago)
Topics: ai, aiimagegenerator, aisdk, chatbot, chatgpt, chatgpt-api, website-design, website-development
Language: TypeScript
Homepage: https://ai-sdk-image-generator.vercel.app/
Size: 11.4 MB
Stars: 2
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

AI SDK Image Generator

A Modern AI Image Generation Platform

# 📌 Overview

# 🛠️ Tech Stack

![Next.js](https://img.shields.io/badge/next.js-000000?style=for-the-badge&logo=nextdotjs&logoColor=white)
![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB)
![TypeScript](https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge&logo=typescript&logoColor=white)
![Tailwind CSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge&logo=tailwind-css&logoColor=white)
![Vercel AI SDK](https://img.shields.io/badge/Vercel%20AI%20SDK-000000?style=for-the-badge&logo=vercel&logoColor=white)

## 🔑 Key Features

### AI Model Integration

- Multiple AI providers (Replicate, Vertex AI, OpenAI, Fireworks)
- Simultaneous image generation across providers
- Model selection and customization

### User Interface

- Clean, modern design with shadcn/ui components
- Responsive layout for all devices
- Real-time generation progress indicators

### Image Generation

- Text-to-image generation
- Multiple style options
- Side-by-side provider comparison

## 📸 Screenshots & Workflow

### 1. Main Interface

The main application interface showing generated penguin images across different AI providers

### 2. Model Selection & Generation

#### Replicate Models

Stable Diffusion model options from Replicate

#### Vertex AI Models

Imagen model from Google Vertex AI

#### OpenAI Models

DALL-E 3 model from OpenAI

#### Fireworks Models

Available models from Fireworks including flux-1-schnell-fp8

### 3. Generated Results Example

Example of a cat in ukiyo-e style generated across different providers

### 4. Loading States

Generation progress indicators for each provider

### 5. Error Handling

Error feedback when image generation fails

## 🚀 Getting Started

1. Clone the repository:

```bash
git clone https://github.com/jamalihassan0307/ai-sdk-image-generator.git
```

2. Install dependencies:

```bash
npm install
```

3. Set up environment variables in `.env.local`:

```env
OPENAI_API_KEY=your_openai_key
REPLICATE_API_TOKEN=your_replicate_token
FIREWORKS_API_KEY=your_fireworks_key
GOOGLE_CLIENT_EMAIL=your_google_email
GOOGLE_PRIVATE_KEY=your_google_key
GOOGLE_VERTEX_PROJECT=your_project_id
GOOGLE_VERTEX_LOCATION=your_location
```

4. Run the development server:

```bash
npm run dev
```

## 👨‍💻 Developer Contact

Feel free to reach out for questions or collaboration:

- GitHub: [@jamalihassan0307](https://github.com/jamalihassan0307)
- LinkedIn: [Jamali Hassan](https://www.linkedin.com/in/jamalihassan0307/)

## 🙏 Acknowledgments

Special thanks to:

- Vercel team for the AI SDK
- All AI provider partners (Replicate, OpenAI, Google, Fireworks)
- The open-source community