A modern AI-powered deep research platform built with Next.js. Featuring the unique "Liquid Glass" design language, it delivers a fluid visual experience and powerful research capabilities.
一个基于 Next.js 构建的现代化 AI 驱动深度研究平台。采用独特的 "Liquid Glass" 设计语言,提供流畅的视觉体验和强大的研究功能。
🌐 Live Demo | 在线体验:https://kvideo.pages.dev/
KResearch is a high-performance, modern AI-powered research application focused on providing exceptional user experience and visual design. This project leverages the latest features of Next.js 16, combined with React 19 and Tailwind CSS v4, to create both a beautiful and powerful research platform.
KResearch 是一个高性能、现代化的 AI 驱动研究应用,专注于提供极致的用户体验和视觉设计。本项目利用 Next.js 16 的最新特性,结合 React 19 和 Tailwind CSS v4,打造了一个既美观又强大的研究平台。
The project's visual design is based on the "Liquid Glass" design system, a modern UI design language that combines:
项目的视觉设计基于 "Liquid Glass" 设计系统,这是一套融合了以下特性的现代化 UI 设计语言:
- Glassmorphism Effect | 玻璃拟态效果:Frosted translucent effects via
backdrop-filter| 通过backdrop-filter实现的磨砂半透明效果 - Universal Softness | 通用柔和度:Unified use of
rounded-2xlandrounded-full| 统一使用两种圆角半径 - Light Interaction | 光影交互:Inner glow effects on hover and focus states | 悬停和聚焦状态下的内发光效果
- Fluid Animation | 流畅动画:Physics-based
cubic-beziercurves | 基于物理的过渡曲线 - Depth Hierarchy | 深度层级:Clear z-axis hierarchy | 清晰的层次结构
- Multi-Step Research | 多步骤研究:Iterative research process with intelligent planning | 智能规划的迭代研究过程
- Google Search Grounding | 谷歌搜索落地:Real-time web search integration via Gemini API | 通过 Gemini API 实现实时网络搜索
- Auto-Generated Reports | 自动生成报告:Comprehensive research reports with citations | 带引用的综合研究报告
- Research Logs | 研究日志:Real-time visibility into research process | 研究过程的实时可见性
- Planner Agent | 规划代理:Designs research strategy and next steps | 设计研究策略和下一步行动
- Worker Agent | 工作代理:Executes searches and gathers information | 执行搜索和收集信息
- Writer Agent | 写作代理:Synthesizes findings into coherent reports | 将发现整合成连贯的报告
- Verifier Agent | 验证代理:Validates research completeness | 验证研究的完整性
- Full Platform Support | 全平台支持:Perfect support for desktop, tablet, and mobile | 完美支持桌面、平板和移动设备
- Mobile First | 移动优先:Dedicated mobile components and interactions | 专门的移动端组件和交互
- Touch Optimized | 触摸优化:Touch-optimized gestures and interactions | 针对触摸屏优化
- Dark/Light Mode | 深色/浅色模式:System-level theme switching support | 支持系统级主题切换
- Dynamic Theming | 动态主题:CSS Variables based dynamic theme system | 基于 CSS Variables 的动态主题系统
- Seamless Transitions | 无缝过渡:Smooth transition animations on theme switch | 主题切换时的平滑过渡动画
- Keyboard Navigation | 键盘导航:Full keyboard shortcut support | 完整的键盘快捷键支持
- ARIA Labels:WCAG 2.2 compliant accessibility | 符合 WCAG 2.2 标准的无障碍实现
- Semantic HTML | 语义化 HTML:Semantic tags for improved accessibility | 使用语义化标签提升可访问性
| Technology | Version | Purpose |
|---|---|---|
| Next.js | 16.0.3 | React framework with App Router |
| React | 19.2.0 | UI component library |
| TypeScript | 5.x | Type-safe JavaScript |
| Tailwind CSS | 4.x | Utility-first CSS framework |
| Zustand | 5.0.2 | Lightweight state management |
- ESLint 9:Code quality checking | 代码质量检查
- PostCSS 8:CSS processor | CSS 处理器
- Vercel Analytics:Performance monitoring | 性能监控和分析
Visit https://kvideo.pages.dev/ to try now, no installation required!
访问 https://kvideo.pages.dev/ 立即体验,无需安装!
- Click the button above | 点击上方按钮
- Connect your GitHub account | 连接你的 GitHub 账号
- Vercel will auto-detect and deploy | Vercel 会自动检测并部署
- Access your own KResearch instance in minutes | 几分钟后即可访问
Pull from Docker Hub (Easiest) | 从 Docker Hub 拉取(最简单):
# Pull latest version | 拉取最新版本
docker pull kuekhaoyang/kresearch:latest
docker run -d -p 3000:3000 --name kresearch kuekhaoyang/kresearch:latestThe app will start at http://localhost:3000.
应用将在 http://localhost:3000 启动。
✨ Multi-Architecture Support | 多架构支持:Images support 2 major platforms:
linux/amd64- Intel/AMD 64-bit (most servers, PCs, Intel Mac)linux/arm64- ARM 64-bit (Apple Silicon Mac, AWS Graviton, Raspberry Pi 4/5)
Build your own image | 自己构建镜像:
git clone https://github.com/KuekHaoYang/KResearch.git
cd KResearch
docker build -t kresearch .
docker run -d -p 3000:3000 --name kresearch kresearchUsing Docker Compose:
docker-compose up -d# 1. Clone repository | 克隆仓库
git clone https://github.com/KuekHaoYang/KResearch.git
cd KResearch
# 2. Install dependencies | 安装依赖
npm install
# 3. Build project | 构建项目
npm run build
# 4. Start production server | 启动生产服务器
npm startThe app will start at http://localhost:3000.
应用将在 http://localhost:3000 启动。
Vercel will auto-detect GitHub repository updates and redeploy, no manual action needed.
Vercel 会自动检测 GitHub 仓库的更新并重新部署,无需手动操作。
When a new version is released | 当有新版本发布时:
# Stop and remove old container | 停止并删除旧容器
docker stop kresearch
docker rm kresearch
# Pull latest image | 拉取最新镜像
docker pull kuekhaoyang/kresearch:latest
# Run new container | 运行新容器
docker run -d -p 3000:3000 --name kresearch kuekhaoyang/kresearch:latestcd KResearch
git pull origin main
npm install
npm run build
npm start🔄 Automated Deployment | 自动化部署:This project uses GitHub Actions to auto-build and publish Docker images. Each push to main triggers multi-architecture image builds to Docker Hub.
本项目使用 GitHub Actions 自动构建和发布 Docker 镜像。每次代码推送到 main 分支时,会自动构建多架构镜像并推送到 Docker Hub。
We welcome all forms of contributions! Whether it's reporting bugs, suggesting new features, improving documentation, or submitting code, every contribution makes this project better.
我们非常欢迎各种形式的贡献!无论是报告 Bug、提出新功能建议、改进文档,还是提交代码,你的每一份贡献都让这个项目变得更好。
Want to contribute? Check out the Contributing Guide for detailed development guidelines and processes.
想要参与开发?请查看 贡献指南 了解详细的开发规范和流程。
Quick Start | 快速开始:
- Report Bugs | 报告 Bug:Submit Issue
- Feature Suggestions | 功能建议:Share your ideas in Issues
- Code Contribution | 代码贡献:Fork → Branch → PR
- Documentation | 文档改进:Submit PR directly
This project is open source under the MIT License.
本项目基于 MIT 许可证 开源。
Thanks to these open source projects | 感谢以下开源项目:
- Next.js - React Framework
- Tailwind CSS - CSS Framework
- Zustand - State Management
- React - UI Library
- Google Gemini - AI Model
- Author | 作者:KuekHaoYang
- Project Homepage | 项目主页:https://github.com/KuekHaoYang/KResearch
- Issue Feedback | 问题反馈:GitHub Issues
If this project helps you, please consider giving a ⭐️
如果这个项目对你有帮助,请考虑给一个 ⭐️