A modern, customized chat interface specifically designed for Dify applications. Built with Next.js, this UI provides an enhanced user experience for interacting with your Dify AI applications with advanced features like knowledge retrieval, streaming responses, and multi-app management.
- 🎯 Dify-Focused: Specifically designed and optimized for Dify applications
- 🔄 Multi-App Support: Manage and switch between multiple Dify applications seamlessly
- 🎨 Modern UI: Beautiful, responsive interface built with Tailwind CSS and Radix UI
- 🔧 App Management: Easy configuration and management of multiple Dify applications
- Node.js 18+
- yarn
-
Clone the repository
git clone <repo-url>
-
Install dependencies
yarn install
-
Start the development server
yarn dev
Open http://localhost:3000 in your browser.
- Open the application
- Select a Dify application from the dropdown (if multiple apps are configured)
- Type your message and press Enter or click Send
- Enjoy real-time streaming responses from your Dify application!
- Click the settings icon to manage your Dify applications
- Add new Dify applications with their API tokens
- Switch between different Dify apps using the dropdown selector
- Each app uses its own API token for secure, isolated conversations
├── app/ # Next.js app directory
│ ├── api/ # API routes
│ ├── chat.tsx # Main chat interface
│ └── layout.tsx # Root layout
├── components/ # React components
│ ├── ui/ # Reusable UI components
│ ├── chat-history.tsx # Chat message components
│ ├── settings-dialog.tsx # Settings management
│ └── ...
├── contexts/ # React contexts
├── hooks/ # Custom React hooks
├── lib/ # Utility functions
├── tests/ # Test files
└── types/ # TypeScript type definitions
We welcome contributions! Please see CONTRIBUTING.md for guidelines.
This project is licensed under the MIT License - see the LICENSE file for details.
If you have any questions or need help:
- Open an issue on GitHub
- Check the documentation
- Join our community discussions
Made with ❤️ by the community