chathub

All-in-one chatbot client

9,930

1,006

9,930

316

View on GitHub

Top Related Projects

ChatGPT

52,188

🔮 ChatGPT Desktop Application (Mac, Windows and Linux)

ChatGPT-Next-Web

74,712

A cross-platform ChatGPT/Gemini UI (Web / PWA / Linux / Win / MacOS). 一键拥有你自己的跨平台 ChatGPT/Gemini 应用。

ChuanhuChatGPT

15,141

GUI for ChatGPT API and many LLMs. Supports agents, file-based QA, GPT finetuning and query with web search. All with a neat UI.

Quick Overview

ChatHub is an all-in-one chatbot client for multiple AI models, including ChatGPT, Bing Chat, Bard, and Claude. It provides a unified interface for interacting with various AI assistants, allowing users to compare responses and manage conversations across different platforms.

Pros

Unified interface for multiple AI chatbots
Easy comparison of responses from different AI models
Cross-platform support (Chrome, Firefox, Edge)
Open-source and customizable

Cons

Requires separate API keys or logins for each AI service
May not always have the latest features of individual chatbot platforms
Potential for increased API usage costs when comparing multiple models
Limited to supported AI models and may not include newer or less popular options

Getting Started

Install the ChatHub extension from the Chrome Web Store, Firefox Add-ons, or Microsoft Edge Add-ons.
Click on the ChatHub icon in your browser's toolbar to open the interface.
Configure your API keys or login credentials for the AI services you want to use.
Start a new conversation and select which AI models you want to interact with.
Type your message and send it to receive responses from the selected AI assistants.

Note: As this is a browser extension and not a code library, there are no code examples or quick start instructions beyond the installation and setup process described above.

Competitor Comparisons

ChatGPT

52,188

🔮 ChatGPT Desktop Application (Mac, Windows and Linux)

Pros of ChatGPT

Offers a desktop application for multiple platforms (Windows, macOS, Linux)
Includes additional features like text-to-speech and custom prompts

Cons of ChatGPT

Limited to interacting with a single AI model (ChatGPT)
Requires an OpenAI account and API key for full functionality

Code Comparison

ChatGPT uses Tauri for its desktop application:

#[tauri::command]
fn get_data_dir() -> String {
    let app_handle = tauri::AppHandle::default();
    let path = app_handle.path_resolver().app_data_dir().unwrap();
    path.to_str().unwrap().to_string()
}

ChatHub uses React for its web-based interface:

const Chat: React.FC<Props> = (props) => {
  const { messages, generating, onUserSendMessage, resetConversation, switchModel } = props
  const messagesEndRef = useRef<HTMLDivElement>(null)
  const inputRef = useRef<HTMLTextAreaElement>(null)
  // ...
}

ChatGPT focuses on providing a native desktop experience for interacting with ChatGPT, while ChatHub offers a web-based interface for multiple AI models. ChatGPT's approach may provide better performance and integration with the operating system, but ChatHub offers more flexibility in terms of AI model selection and browser-based usage.

chatgpt-web

31,235

用 Express 和 Vue3 搭建的 ChatGPT 演示网页

Pros of chatgpt-web

Simpler setup and deployment process
More lightweight and focused on a single chat interface
Better documentation for configuration and customization

Cons of chatgpt-web

Limited to OpenAI's ChatGPT model only
Fewer features compared to chathub's multi-model support
Less active community and fewer contributors

Code Comparison

chatgpt-web:

const chatStore = useChatStore()
const { addChat, updateChat, updateChatSome, getChatByUuidAndIndex } = chatStore

const { uuid } = route.params as { uuid: string }

chathub:

export const ChatGPTProvider: AbstractBotProvider = {
  name: 'ChatGPT',
  settings: [
    {
      key: 'apiKey',
      name: 'API Key',
      type: 'api-key',
    },
  ],

The code snippets show that chatgpt-web focuses on a single chat interface, while chathub implements a more modular approach with support for multiple chat providers.

ChatGPT-Next-Web

74,712

A cross-platform ChatGPT/Gemini UI (Web / PWA / Linux / Win / MacOS). 一键拥有你自己的跨平台 ChatGPT/Gemini 应用。

Pros of ChatGPT-Next-Web

More active development with frequent updates and improvements
Supports multiple languages and offers a more polished user interface
Provides easy one-click deployment options (Vercel, Railway, Zeabur)

Cons of ChatGPT-Next-Web

Limited to OpenAI's GPT models, while ChatHub supports multiple AI providers
Lacks some advanced features like conversation branching found in ChatHub
May require more setup and configuration compared to ChatHub's browser extension

Code Comparison

ChatGPT-Next-Web (Next.js component):

export function Avatar(props: AvatarProps) {
  return (
    <div className={`avatar ${props.role}`}>
      {props.role === "assistant" && <BotIcon />}
      {props.role === "user" && <PersonIcon />}
    </div>
  );
}

ChatHub (React component):

const Avatar: React.FC<AvatarProps> = ({ avatar, model }) => {
  return (
    <div className="avatar">
      {avatar ? (
        <img src={avatar} alt="Avatar" />
      ) : (
        <DefaultAvatar model={model} />
      )}
    </div>
  );
};

Both projects use React-based components for rendering avatars, but ChatGPT-Next-Web's implementation is simpler and directly tied to user roles, while ChatHub's version offers more flexibility with custom avatars and model-specific defaults.

ChuanhuChatGPT

15,141

GUI for ChatGPT API and many LLMs. Supports agents, file-based QA, GPT finetuning and query with web search. All with a neat UI.

Pros of ChuanhuChatGPT

More extensive language support, including Chinese
Offers a wider range of AI models, including Claude and ChatGLM
Includes advanced features like API usage tracking and custom prompts

Cons of ChuanhuChatGPT

Less polished user interface compared to ChatHub
May be more complex to set up and configure for new users
Lacks some of the cross-platform compatibility features of ChatHub

Code Comparison

ChuanhuChatGPT (Python):

def predict(self, inputs, max_new_tokens=512, top_p=0.7, temperature=0.95):
    inputs = self.tokenizer(inputs, return_tensors="pt")
    outputs = self.model.generate(**inputs, max_new_tokens=max_new_tokens, top_p=top_p, temperature=temperature)
    return self.tokenizer.decode(outputs[0], skip_special_tokens=True)

ChatHub (JavaScript):

async function sendMessage(message) {
  const response = await fetch('/api/chat', {
    method: 'POST',
    headers: { 'Content-Type': 'application/json' },
    body: JSON.stringify({ message })
  });
  return response.json();
}

The code snippets show different approaches: ChuanhuChatGPT uses Python for model interaction, while ChatHub uses JavaScript for API communication. This reflects their different architectures and implementation strategies.

chatgpt-demo

8,001

Minimal web UI for ChatGPT.

Pros of chatgpt-demo

Simpler and more lightweight implementation
Easier to set up and deploy for beginners
Focuses on a single AI model (ChatGPT) for a streamlined experience

Cons of chatgpt-demo

Limited to ChatGPT only, lacking support for other AI models
Fewer advanced features compared to ChatHub
Less customization options for user interface and settings

Code Comparison

ChatHub:

export const models: Record<string, ChatModel> = {
  chatgpt: {
    name: 'ChatGPT',
    avatar: '/chatgpt-avatar.png',
    developer: 'OpenAI',
    contextLimit: 4000,
  },
  // ... other models
}

chatgpt-demo:

export const defaultSetting = {
  continuousDialogue: true,
  archiveSession: false,
  openaiAPIKey: "",
  openaiAPITemperature: 60,
  systemRule: ""
}

The code snippets show that ChatHub supports multiple AI models with specific configurations, while chatgpt-demo focuses on ChatGPT-specific settings. ChatHub's approach allows for greater flexibility in model selection, while chatgpt-demo provides a more targeted experience for ChatGPT users.

Convert designs to code with AI

Introducing Visual Copilot: A new AI model to turn Figma designs to high quality code using your components.

Try Visual Copilot

README

ChatHub

Install

ð· Screenshot

Screenshot

ð¤ Sponsors

â¨ Features

ð¤ Use different chatbots in one app, currently supporting ChatGPT, new Bing Chat, Google Bard, Claude, and open-source models including LLama2, Vicuna, ChatGLM etc
ð¬ Chat with multiple chatbots at the same time, making it easy to compare their answers
ð Support ChatGPT API and GPT-4 Browsing
ð Shortcut to quickly activate the app anywhere in the browser
ð¨ Markdown and code highlight support
ð Prompt Library for custom prompts and community prompts
ð¾ Conversation history saved locally
ð¥ Export and Import all your data
ð Share conversation to markdown
ð Dark mode
ð Web access

ð¤ Supported Bots

ChatGPT (via Webapp/API/Azure/Poe)
Bing Chat
Google Bard
Claude 2 (via Webapp/API/Poe)
LLaMA 2
ChatGLM
Pi by Inflection
Vicuna
WizardLM
iFlytek Spark
Tongyi Qianwen
Baichuan
...

ð¨ Build from Source

Clone the source code
corepack enable
yarn install
yarn build
In Chrome/Edge go to the Extensions page (chrome://extensions or edge://extensions)
Enable Developer Mode
Drag the dist folder anywhere on the page to import it (do not delete the folder afterward)

Top Related Projects

Convert designs to code with AI

Introducing Visual Copilot: A new AI model to turn Figma designs to high quality code using your components.

Try Visual Copilot

Top Related Projects

Quick Overview

Pros

Cons

Getting Started

Competitor Comparisons

Pros of ChatGPT

Cons of ChatGPT

Code Comparison

Pros of chatgpt-web

Cons of chatgpt-web

Code Comparison

Pros of ChatGPT-Next-Web

Cons of ChatGPT-Next-Web

Code Comparison

Pros of ChuanhuChatGPT

Cons of ChuanhuChatGPT

Code Comparison

Pros of chatgpt-demo

Cons of chatgpt-demo

Code Comparison

Convert designs to code with AI

README

ChatHub

Install

ð· Screenshot

ð¤ Sponsors

â¨ Features

ð¤ Supported Bots

ð¨ Build from Source

Top Related Projects

Convert designs to code with AI

ð· Screenshot

ð¤ Sponsors

â¨ Features

ð¤ Supported Bots

ð¨ Build from Source