Rapidpages：开源平替 Vercel v0 的 AI 前端生成器

加载时出错。请重新加载此页面。

通知：你必须登录才能更改通知设置。

仓库文件导航

Rapidpages 是一款以 prompt 为先的 IDE，用于构建美观的页面。你只需描述想要的 UI，它就会使用你熟悉的技术生成相应组件的代码（目前仅支持 React + Tailwind）。

在本地运行 Rapidpages

git clone https://github.com/rapidpages/rapidpages.git && cd rapidpages

编辑 .env.example 文件，确保设置以下值：

GITHUB_CLIENT_SECRET 和 GITHUB_CLIENT_ID：你需要创建一个 GitHub OAuth application 才能登录。在 localhost 环境中，Homepage URL 使用 http://localhost:3000，Authorization callback URL 使用 http://localhost:3000/api/auth/callback/github。

OPENAI_API_KEY：你需要从 OpenAI 获取一个 key。

创建数据库并运行应用

npm run db:push
npm run dev

docker compose up -d
docker compose exec rapidpages npm run db:push

你现在就可以免费使用云端版 Rapidpages。如果 credits 用完了，欢迎在 Discord 上联系我们。

目前，组件通过一次生成完成。未来，这项任务将拆分为多个步骤，例如依赖获取和图标生成。这种多步骤流程将支持创建更复杂的 UI 元素。

更多信息请参阅 LICENSE 文件。

使用 AI 生成 React 和 Tailwind 组件