AI驱动，自动生成UI界面

公众号：【可乐前端】，每天3分钟学习一个优秀的开源项目，分享web面试与实战知识，也有全栈交流学习摸鱼群，期待您的关注!

每天3分钟开源

hi，这里是每天3分钟开源，很高兴又跟大家见面了，今天介绍的开源项目简介如下：

仓库名：miurla/morphic

项目名：morphic

开源地址：https://github.com/miurla/morphic

主要语言： TypeScript

stars数量：2873

forks数量：634

开源协议：Apache License 2.0

一句话介绍

这是一个由人工智能驱动，具有自动生成UI的答案引擎开源项目。

详细描述

"Morphic"是一个人工智能驱动的答案引擎，具有自动生成UI的特点。这个项目基于Next.js的App框架，使用了Vercel AI SDK进行文本流和自动生成UI，OpenAI作为生成模型，Tavily AI作为搜索API。同时，它还使用了shadcn/ui作为组件库，Radix UI作为无头组件原语，以及Tailwind CSS进行样式设计。

具体功能

"Morphic"的主要功能是生成UI，提供答案引擎。它的功能主要包括：

• 使用Next.js App框架，提供了强大的开发工具和丰富的特性，帮助开发者更快地构建稳定、高效的应用。
• 使用Vercel AI SDK进行文本流和自动生成UI，提供了丰富的视觉效果和用户体验。
• 使用OpenAI作为生成模型，能够生成高质量的文本内容。
• 使用Tavily AI作为搜索API，提供了强大的搜索功能。
• 使用shadcn/ui作为组件库和Radix UI作为无头组件原语，提供了丰富的UI组件，满足各种UI设计需求。
• 使用Tailwind CSS进行样式设计，提供了高效、灵活的样式设计工具。

如何使用

1. 克隆仓库：首先，将仓库 Fork 到你的 Github 账户，然后运行以下命令来克隆仓库：git clone git@github.com:[YOUR_GITHUB_ACCOUNT]/morphic.git
2. 安装依赖：进入 morphic 目录，运行 bun i 命令。
3. 填写密钥：运行 cp .env.local.example .env.local 命令，然后按照示例填写你的 OPENAI_API_KEY 和 TAVILY_API_KEY。
4. 本地运行应用：运行 bun dev 命令，你现在可以访问 http://localhost:3000 来查看应用。

在这个过程中，你可能需要获取OpenAI API密钥和Tavily API密钥。你可以分别在 https://platform.openai.com/api-keys 和 https://app.tavily.com/home 获取这些密钥。

总的来说，"Morphic"是一个强大且易于使用的人工智能驱动的答案引擎，它具有自动生成UI的特性，能够大大提高开发效率，是值得一试的开源项目。

最后

感谢您的阅读，这里每天都会推送优秀的开源项目，如果觉得有帮助的话，一键三连一下吧～