Flowise - LangchainJS UI: Build Customized LLM Flows with Drag &amp; Drop Interface
Tags: opensource, langchainjs, llm, stackfoss
Published: 2023-06-22 10:13:32

---
title: Flowise - LangchainJS UI: Build Customized LLM Flows with Drag &amp; Drop Interface
published: true
date: 2023-06-22 10:10:08 UTC
tags: opensource, langchainJS, LLM, stackfoss
canonical_url: 
---

# Flowise - LangchainJS UI

![Flowise](https://github.com/FlowiseAI/Flowise/blob/main/images/flowise.gif?raw=true)

Drag & drop UI to build your customized LLM flow using [LangchainJS](https://github.com/hwchase17/langchainjs)

## ![⚡](https://www.stackfoss.com/assets/plugins/nodebb-plugin-emoji/emoji/android/26a1.png?v=6nb76hjp8l2 ":zap:") Quick Start

Download and Install [NodeJS](https://nodejs.org/en/download) >= 18.15.0

1. Install Flowise

2. Start Flowise

3. Open [http://localhost:3000](http://localhost:3000)

## ![🐳](https://www.stackfoss.com/assets/plugins/nodebb-plugin-emoji/emoji/android/1f433.png?v=6nb76hjp8l2 ":whale:") Docker

### Docker Compose

1. Go to the `docker` folder at the root of the project
2. Create an `.env` file and specify the `PORT` (refer to `.env.example`)
3. Run `docker-compose up -d`
4. Open [http://localhost:3000](http://localhost:3000)
5. You can bring the containers down by running `docker-compose stop`

### Docker Image

1. Build the image locally:

2. Run the image:

3. Stop the image:

## ![👨‍💻](https://www.stackfoss.com/assets/plugins/nodebb-plugin-emoji/emoji/android/1f468-200d-1f4bb.png?v=6nb76hjp8l2 ":male-technologist:") Developers

Flowise has 3 different modules in a single mono repository.

- `server`: Node backend to serve API logics
- `ui`: React frontend
- `components`: Langchain components

### Prerequisite

- Install [Yarn v1](https://classic.yarnpkg.com/en/docs/install)

### Setup

1. Clone the repository

2. Go into the repository folder

3. Install all dependencies of all modules:

4. Build all the code:

5. Start the app:

6. For development build:

## ![🔒](https://www.stackfoss.com/assets/plugins/nodebb-plugin-emoji/emoji/android/1f512.png?v=6nb76hjp8l2 ":lock:") Authentication

To enable app-level authentication, add `FLOWISE_USERNAME` and `FLOWISE_PASSWORD` to the `.env` file in `packages/server`:

```
FLOWISE_USERNAME=user
FLOWISE_PASSWORD=1234

```

## ![📖](https://www.stackfoss.com/assets/plugins/nodebb-plugin-emoji/emoji/android/1f4d6.png?v=6nb76hjp8l2 ":book:") Documentation

[Flowise Docs](https://docs.flowiseai.com/)

## ![🌐](https://www.stackfoss.com/assets/plugins/nodebb-plugin-emoji/emoji/android/1f310.png?v=6nb76hjp8l2 ":globe\_with\_meridians:") Self Host

### [Railway]([https://docs.flowiseai.com/deployment/railway](https://docs.flowiseai.com/deployment/railway)

)

[![Deploy on Railway](https://railway.app/button.svg)](https://railway.app/template/YK7J0v)

### [Render](https://docs.flowiseai.com/deployment/render)

[![Deploy to Render](https://render.com/images/deploy-to-render-button.svg)](https://docs.flowiseai.com/deployment/render)

### [AWS](https://docs.flowiseai.com/deployment/aws)

### [Azure](https://docs.flowiseai.com/deployment/azure)

### [DigitalOcean](https://docs.flowiseai.com/deployment/digital-ocean)

### [GCP](https://docs.flowiseai.com/deployment/gcp)

## ![💻](https://www.stackfoss.com/assets/plugins/nodebb-plugin-emoji/emoji/android/1f4bb.png?v=6nb76hjp8l2 ":computer:") Cloud Hosted

Coming soon

## ![🙋](https://www.stackfoss.com/assets/plugins/nodebb-plugin-emoji/emoji/android/1f64b.png?v=6nb76hjp8l2 ":raising\_hand:") Support

Feel free to ask any questions, raise problems, and request new features in the [discussion](https://github.com/FlowiseAI/Flowise/discussions) section.

## ![🙌](https://www.stackfoss.com/assets/plugins/nodebb-plugin-emoji/emoji/android/1f64c.png?v=6nb76hjp8l2 ":raised\_hands:") Contributing

See the [contributing guide](CONTRIBUTING.md). Reach out to us on [Discord](https://discord.gg/jbaHfsRVBW) if you have any questions or issues.

[![Star History Chart](https://api.star-history.com/svg?repos=FlowiseAI/Flowise&type=Timeline)](https://star-history.com/#FlowiseAI/Flowise&Date)

## ![📄](https://www.stackfoss.com/assets/plugins/nodebb-plugin-emoji/emoji/android/1f4c4.png?v=6nb76hjp8l2 ":page\_facing\_up:") License

Source code in this repository is made available under the [MIT License](LICENSE.md).