aicanvas
活跃·★ 68·MIT·更新于 2026-10-22
AI Canvas提供不断增长的开源动画React和Tailwind组件、设计系统及模板，适用于现代Web开发。它与AI编辑器无缝集成，允许开发者通过CLI、AI代理或复现提示来安装组件。
#React#Tailwind CSS#UI组件#动画#AI工作流#shadcn#TypeScript#Framer Motion
01
功能特性
01采用开放核心模式，免费库遵循MIT许可证，可在个人和商业项目中自由使用，无需署名。
02提供每个组件的完整源代码，避免锁定，并支持完全自定义。
03专为AI工作流设计，支持通过shadcn CLI、AI编辑器集成（MCP）或AI编码工具的复现提示进行安装。
04组件默认采用Framer Motion和Tailwind CSS实现动画效果，兼容Next.js App Router等现代React设置。
02
兼容性
React
框架
已通过文档验证
TypeScript
语言
已通过文档验证
Tailwind CSS
样式
已通过文档验证
Framer Motion
动画库
已通过文档验证
Next.js App Router
框架
已通过文档验证
Three.js
3D图形
已通过文档验证
03
快速开始
1
$ npx shadcn@latest add @aicanvas/task-cards
04
使用场景
↳使用shadcn CLI将现成的开源UI代码快速导入项目仓库。
↳通过AI Canvas MCP让AI编辑器（如Claude Code, Cursor）自动搜索和安装UI组件。
↳通过提供复现提示，使用AI编码助手重新构建或自定义组件。
↳构建具有动画和交互式用户界面的全新React应用程序。
05
同类工具
评论
登录后发表评论
暂无评论，来发表第一条吧