Skip to content

Commit dc0858e

Browse files
VinciGit00VinciGit00
committed
feat: add langflow
1 parent a742ad2 commit dc0858e

File tree

4 files changed

+160
-1
lines changed

4 files changed

+160
-1
lines changed

‎.gitignore

Whitespace-only changes.

‎integrations/images/langflow.mp4

2.84 MB
Binary file not shown.

‎integrations/langflow.mdx

+158
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,158 @@
1+
---
2+
title: '🌊 Langflow'
3+
description: 'Build LangChain flows with a drag-and-drop interface and advanced web scraping integration'
4+
---
5+
6+
## Overview
7+
8+
Langflow is a powerful UI tool for building LangChain applications through a drag-and-drop interface. It provides an intuitive way to prototype and experiment with various LangChain components, enabling you to create complex AI workflows with ease. A standout feature is its seamless integration with advanced web scraping tools like **ScrapeGraph**, which significantly enhances the ability to fetch, analyze, and utilize web data dynamically.
9+
10+
<Card
11+
title="Official Langflow Documentation"
12+
icon="book"
13+
href="https://docs.langflow.org"
14+
>
15+
View Langflow's official documentation
16+
</Card>
17+
18+
<video
19+
controls
20+
className="w-full aspect-video"
21+
src="/integrations/images/langflow.mp4"
22+
/>
23+
24+
## Installation
25+
26+
Install Langflow using pip:
27+
28+
```bash
29+
pip install langflow
30+
```
31+
32+
Or run it using Docker:
33+
34+
```bash
35+
docker run -p 7860:7860 logspace/langflow
36+
```
37+
38+
## Features
39+
40+
<CardGroup cols={2}>
41+
<Card title="Drag & Drop Interface" icon="hand">
42+
Build LangChain flows visually without coding.
43+
</Card>
44+
<Card title="Component Library" icon="boxes-stacked">
45+
Access a wide range of LangChain components including powerful integrations like ScrapeGraph.
46+
</Card>
47+
<Card title="Real-time Preview" icon="eye">
48+
Test your flows as you build them.
49+
</Card>
50+
<Card title="Export & Share" icon="share-nodes">
51+
Export flows as JSON or Python code.
52+
</Card>
53+
</CardGroup>
54+
55+
## Example: Search Agent with ScrapeGraph Integration
56+
57+
Langflow's Search Agent Flow showcases how to integrate advanced web scraping directly into your AI workflows. This flow leverages the ScrapeGraph Search API to fetch and analyze data from the web based on a given search prompt.
58+
59+
### Why ScrapeGraph Matters
60+
61+
Integrating ScrapeGraph into Langflow is a game changer because it:
62+
63+
- **Dynamically Retrieves Information**: Empowers your agent to perform real-time web searches and scraping, ensuring access to the latest data.
64+
- **Enhances Decision Making**: Supplies rich, up-to-date information that agents can use to generate more accurate and context-aware responses.
65+
- **Simplifies Workflow Development**: Offers a plug-and-play component that bridges web scraping with LangChain workflows, reducing the need for manual data integration.
66+
67+
Below is an excerpt of the integration, which is defined as a node in the flow:
68+
69+
```json
70+
{
71+
"description": "A search agent that can find and analyze information from the internet using ScrapeGraph.",
72+
"name": "Search Agent Flow",
73+
"data": {
74+
"nodes": [
75+
// ... nodes configuration from the example, including the ScrapeGraphSearchApi node
76+
]
77+
}
78+
}
79+
```
80+
81+
For the complete integration details, visit the Search Agent JSON file on GitHub.
82+
83+
## Getting Started
84+
85+
1. **Install and Launch Langflow**: Follow the installation steps above.
86+
2. **Access the UI**: Open your browser and navigate to http://localhost:7860.
87+
3. **Build Your Flow**: Start dragging components from the sidebar, including the ScrapeGraph node.
88+
4. **Connect Components**: Link nodes to create a workflow that incorporates web search and data processing.
89+
5. **Test Your Flow**: Use the chat interface to simulate queries and see real-time responses.
90+
91+
## Use Cases
92+
93+
<CardGroup cols={2}>
94+
<Card title="Chatbots" icon="comments">
95+
Create conversational AI agents enhanced with real-time web data.
96+
</Card>
97+
<Card title="Data Processing" icon="database">
98+
Build pipelines to extract, process, and analyze data from websites.
99+
</Card>
100+
<Card title="Research Tools" icon="magnifying-glass">
101+
Develop research assistants that fetch current information directly from the web.
102+
</Card>
103+
<Card title="Content Generation" icon="pen-fancy">
104+
Create dynamic content generation pipelines powered by live data scraping.
105+
</Card>
106+
</CardGroup>
107+
108+
## Support
109+
110+
Need help with Langflow?
111+
112+
<CardGroup cols={2}>
113+
<Card
114+
title="GitHub Issues"
115+
icon="github"
116+
href="https://github.com/logspace-ai/langflow/issues"
117+
>
118+
Report bugs and request features.
119+
</Card>
120+
<Card
121+
title="Discord Community"
122+
icon="discord"
123+
href="https://discord.gg/EqksyE2EX9"
124+
>
125+
Join the Langflow community.
126+
</Card>
127+
</CardGroup>
128+
129+
## Resources
130+
131+
<CardGroup cols={2}>
132+
<Card
133+
title="GitHub Repository"
134+
icon="github"
135+
href="https://github.com/logspace-ai/langflow"
136+
>
137+
View the source code.
138+
</Card>
139+
<Card
140+
title="Examples Gallery"
141+
icon="images"
142+
href="https://github.com/logspace-ai/langflow/tree/main/src/backend/base/langflow/initial_setup/starter_projects"
143+
>
144+
Explore example flows.
145+
</Card>
146+
</CardGroup>
147+
148+
## Langflow Online
149+
150+
Langflow is not only available for local installation—you can also use it online! With the online version, you can access the intuitive drag-and-drop interface directly from your browser, build and test AI workflows in real time, and experiment with powerful integrations like ScrapeGraph without installing any software.
151+
152+
Simply visit our online demo to get started quickly and explore all the features that Langflow offers.
153+
154+
## Search Agent Template
155+
156+
You can download the Search Agent template JSON file from the following link:
157+
158+
[Search Agent JSON Template]()

‎mint.json

+2-1
Original file line numberDiff line numberDiff line change
@@ -113,7 +113,8 @@
113113
"integrations/langchain",
114114
"integrations/llamaindex",
115115
"integrations/crewai",
116-
"integrations/agno"
116+
"integrations/agno",
117+
"integrations/langflow"
117118
]
118119
},
119120
{

0 commit comments

Comments
 (0)