langchain-ui - GitLite

KO | EN

gitlite — search

#javascript #react #golang #rust #deep-learning #linux #macos #java #cli #kubernetes #vue #openai #mcp #open-source

langchain-ui

(★ 911)

🧬 The open source chat-ai toolkit

File Explorer

Download Latest Version (.zip)

- - bug_report.md
  - feature_request.md
- - ci.yml
- CONTRIBUTING.md
- pull_request_template.md
- - client-page.js
  - container.js
  - layout.js
  - loading.js
  - page.js
  - sidebar.js
- favicon.ico
- landing-page.js
- layout.js
- loading.js
- page.js
- providers.js
- - index.js
  - input.js
  - message.js
  - output.js
  - prompt-templates.js
- - csv.js
- code-block.js
- file-picker.js
- page-header.js
- user-menu.js
- api-docs.js
- api.js
- datasources.js
- markdown.js
- metal.js
- prisma.js
- s3.js
- sidebar.js
- theme.js
- upload-file.js
- upload-url.js
- - migration_lock.toml
- schema.prisma
- chatbot.png
- next.svg
- thirteen.svg
- user.png
- vercel.svg
.eslintrc.json
.gitignore
env.example
jsconfig.json
LICENSE
next.config.js
package-lock.json
package.json
README.md

# Installation Guide

1. Get the code

git clone https://github.com/homanp/langchain-ui

Downloads the entire project code from GitHub to your computer.

cd langchain-ui

Moves into the project folder you just downloaded.

2. Node.js

Easy Recommended

Prerequisites

Git Needed to download the project code from GitHub.
Node.js Node.js must be installed to use npm. The LTS version is recommended.

npm install

Downloads and installs the libraries listed in package.json.

npm run dev

Starts the development/run server.

npm run lint

Type this command into your terminal and run it.

npm run build

Builds optimized production files.

✅ After running the command, open the address shown in the terminal (usually something like http://localhost:3000) in your browser.

Pulled directly from this repo's README.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

## 🚨🚨 This repository is unmaintained 🚨🚨
Note that this repository is unmaintained. We've started working on another approach which gives more granular access to LLM-powered Agents. Please check out out https://github.com/homanp/superagent. We appreciate all the feedback and contributions 🙏🙏🙏

# 🧬 LangChain UI
The no-code open source chat-ai toolkit built on top of [LangChain](https://github.com/hwchase17/langchain).

<p>
<img alt="GitHub Contributors" src="https://img.shields.io/github/contributors/homanp/langchain-ui" />
<img alt="GitHub Last Commit" src="https://img.shields.io/github/last-commit/homanp/langchain-ui" />
<img alt="" src="https://img.shields.io/github/repo-size/homanp/langchain-ui" />
<img alt="GitHub Issues" src="https://img.shields.io/github/issues/homanp/langchain-ui" />
<img alt="GitHub Pull Requests" src="https://img.shields.io/github/issues-pr/homanp/langchain-ui" />
<img alt="Github License" src="https://img.shields.io/badge/License-MIT-yellow.svg" />
</p>

## About the project

LangChain UI enables anyone to create and host chatbots using a no-code type of inteface.

Features:

👉 Create custom chatGPT like Chatbot.

👉 Give context to the chatbot using external datasources, chatGPT plugins and prompts.

👉 Dedicated API endpoint for each Chatbot.

👉 Bring your own DB

👉 Bring your own Auth provider (defaults to Github)

👉 Usage quoutas

👉 Embed Chatbots to any site or application

👉 Chatbot themes

... and more

## Roadmap

- [x] Bring your own db
- [x] Bring your own Auth provider
- [x] Chatbots
- [x] Prompt templates
- [ ] API endpoints to chatbot
- [ ] External datasources
- [ ] chatGPT plugins
- [ ] Chatbots themes
- [ ] Chatbot embedding

## Stack

- [Next.js](https://nextjs.org/?ref=langchain-ui)
- [Chakra UI](https://chakra-ui.com/?ref=langchain-ui)
- [Prisma](https://prisma.io/?ref=langchain-ui)
- [NextAuth](https://next-auth.js.org/?ref=langchain-ui)

LangChain UI utilizes NextJS 13 `appDir`. Read more about it [here](https://nextjs.org/blog/next-13#new-app-directory-beta)

## Getting started

### Langchain UI API

We have migrated all agent functionality from LangChain Typescript to LangChain Python. Thus you will need to run the [Langchain UI API](https://github.com/homanp/langchain-ui-api) in order to interact with the chatbot. In the future when the TS package is on par with the Python package we will migrate to only using Javascript.

### Installation

1. Setup the [Langchain UI API](https://github.com/homanp/langchain-ui-api)

1. Clone the repo into a public GitHub repository (or fork https://github.com/homanp/langchain-ui/fork). If you plan to distribute the code, keep the source code public.

```sh
   git clone https://github.com/homanp/langchain-ui.git
   ```

1. Go to the project folder

```sh
   cd langchain-ui
   ```

1. Install packages with npm

```sh
   npm install
   ```

1. Set up your .env file

- Duplicate `.env.example` to `.env`

1. Run the project

```sh
   npm run dev
   ```

1. Run the linter

```sh
   npm run lint
   ```

1. Build the project

```sh
   npm run build
   ```

## Contributions

Our mission is to make it easy for anyone to create and run LLM apps in the cloud. We are super happy for any contributions you would like to make. Create new features, fix bugs or improve on infra.

You can read more on how to contribute [here](https://github.com/homanp/langchain-ui/blob/main/.github/CONTRIBUTING.md).