Kyle Nakamura
44adebe953
* Chore/Vertically center side menu button labels - Some labels, such as 'Agentflows', were not vertically centered in their containers in the side menu (MuiDrawer component). - Fixed the alignment by styling text containers (`<ListItemText>`) with automatic vertical margins. - Maintained existing vertical margins by adding a 4px vertical margin to the primary text element (`<Typography>`). - Note: future work is needed to fix vertical alignment of the BETA chip, plus the margin between primary text elements and the secondary captions should probably be reduced by half. * Chore/Vertically center side menu BETA chips - The 'BETA' chips in the side menu were not vertically centered in their containers in the side menu (MuiDrawer component). - These chips previously appeared to be vertically centered only by coincidence and only when their corresponding text label had no caption. * Chore/Adjust top margin of captions in side menu - Added `mt: -0.6` to the secondary (caption) label to replicate the original gap between the primary and secondary labels. - This adjustment was needed only after the vertical alignment of the primary text labels were fixed in a prior commit.
Flowise - Build LLM Apps Easily
Drag & drop UI to build your customized LLM flow
⚡Quick Start
Download and Install NodeJS >= 18.15.0
-
Install Flowise
npm install -g flowise -
Start Flowise
npx flowise startWith username & password
npx flowise start --FLOWISE_USERNAME=user --FLOWISE_PASSWORD=1234
🐳 Docker
Docker Compose
- Go to
dockerfolder at the root of the project - Copy
.env.examplefile, paste it into the same location, and rename to.env docker compose up -d- Open http://localhost:3000
- You can bring the containers down by
docker compose stop
Docker Image
-
Build the image locally:
docker build --no-cache -t flowise . -
Run image:
docker run -d --name flowise -p 3000:3000 flowise -
Stop image:
docker stop flowise
👨💻 Developers
Flowise has 3 different modules in a single mono repository.
server: Node backend to serve API logicsui: React frontendcomponents: Third-party nodes integrations
Prerequisite
- Install PNPM
npm i -g pnpm
Setup
-
Clone the repository
git clone https://github.com/FlowiseAI/Flowise.git -
Go into repository folder
cd Flowise -
Install all dependencies of all modules:
pnpm install -
Build all the code:
pnpm buildExit code 134 (JavaScript heap out of memory)
If you get this error when running the above `build` script, try increasing the Node.js heap size and run the script again:export NODE_OPTIONS="--max-old-space-size=4096" pnpm build -
Start the app:
pnpm startYou can now access the app on http://localhost:3000
-
For development build:
-
Create
.envfile and specify theVITE_PORT(refer to.env.example) inpackages/ui -
Create
.envfile and specify thePORT(refer to.env.example) inpackages/server -
Run
pnpm dev
Any code changes will reload the app automatically on http://localhost:8080
-
🔒 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
🌱 Env Variables
Flowise support different environment variables to configure your instance. You can specify the following variables in the .env file inside packages/server folder. Read more
📖 Documentation
🌐 Self Host
Deploy Flowise self-hosted in your existing infrastructure, we support various deployments
💻 Cloud Hosted
Coming soon
🙋 Support
Feel free to ask any questions, raise problems, and request new features in discussion
🙌 Contributing
Thanks go to these awesome contributors
See contributing guide. Reach out to us at Discord if you have any questions or issues.
📄 License
Source code in this repository is made available under the Apache License Version 2.0.