The official website for Langflow - a powerful visual tool to build and deploy AI agents and MCP servers with drag-and-drop simplicity.
Langflow is a low-code AI application builder that enables developers to create sophisticated AI workflows, agents, and RAG (Retrieval-Augmented Generation) applications without extensive coding. With support for all major LLMs, vector databases, and a growing library of AI tools, Langflow makes AI development accessible to everyone.
This website is built with:
- Next.js 14 - React framework with App Router
- TypeScript - Type-safe JavaScript
- Sanity CMS - Headless content management system
- Styled Components - CSS-in-JS styling
- Framer Motion - Animation library
- Bootstrap - UI framework
- Sass - CSS preprocessor
- Node.js 20.x or higher
- npm, yarn, pnpm, or bun
- Clone the repository:
git clone <repository-url>
cd langflow-website- Install dependencies:
npm install
# or
yarn install
# or
pnpm install- Set up environment variables (if needed):
cp .env.example .env.local- Run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev- Open http://localhost:3000 in your browser to see the website.
npm run dev- Start development servernpm run build- Build for productionnpm run start- Start production servernpm run lint- Run ESLint
src/
├── app/ # Next.js App Router pages
├── components/ # React components
├── hooks/ # Custom React hooks
├── lib/ # Utility libraries and configurations
├── styles/ # Global styles and Sass files
└── utils/ # Helper functions
public/
├── images/ # Static images
├── svgs/ # SVG icons
├── brandkit/ # Brand assets
└── ... # Other static files
This website uses Sanity CMS for content management. The CMS integration allows for:
- Dynamic content updates
- Blog post management
- Media asset management
- Real-time content preview
- Responsive Design - Optimized for all devices
- Performance Optimized - Built with Next.js for optimal loading speeds
- SEO Friendly - Proper meta tags and structured data
- Accessibility - WCAG compliant design
- Modern Animations - Smooth interactions with Framer Motion
The website can be deployed on various platforms:
npm run buildThen deploy to Vercel for optimal Next.js hosting.
The site can also be deployed to:
- Netlify
- AWS
- Google Cloud Platform
- Any platform supporting Node.js
- Fork the repository
- Create a feature branch (
git checkout -b feature/amazing-feature) - Commit your changes (
git commit -m 'Add amazing feature') - Push to the branch (
git push origin feature/amazing-feature) - Open a Pull Request