设计资源DESIGN· UI-KIT
affectui
flohoeller/affectui
给AI产品用的React组件库，每个组件一个文件，自带平静动画和暗色模式，一键安装。Handcrafted React components and calm motion for AI products, installed with one command and dark mode included.
根据公开文档整理，未运行实测；费用以项目官网为准。Based on public documentation, without runtime testing. Check the project site for pricing.
- 适用平台Platforms
- claude-code · vscode
- 已识别的要求Documented requirements
- 未确认Not confirmed
- 许可LICENSE
- MIT
能力CAPABILITIES
它能帮你做成什么What it helps you do
- 01
用 shadcn 命令安装组件
- 02
添加点赞和评论等反应按钮
- 03
为 AI 产品配上手工插画和动效
- 04
让界面自动切换暗色模式
- 05
复制组件代码直接集成
- 01
Install a component with a single shadcn command
- 02
Copy and paste components straight into your project
- 03
Switch to dark mode without extra setup
- 04
Add a reaction bar that tracks likes and comments
- 05
Find accessibility and keyboard notes on every component page
上手GET STARTED
怎么装How to install
npx shadcn@latest add https://www.affectui.com/r/reaction-bar.json选择与你的环境对应的方式。命令来自项目文档，未运行实测。Choose the option for your environment. Commands come from project documentation and have not been run-tested.
使用限制LIMITATIONS
限制与风险Limits and risk
以下要求与风险来自文档静态检查，未执行项目代码；扫描没有命中，不代表使用安全。Risk here is evidence, not an alarm. These findings come from static scanning of the docs; we never execute a project’s code.
限制LIMITS
未知Unknown
- 01需要 API KeyREQUIRES API KEY
- 未在文档中发现Not found in the docs
- 02需要本地环境NEEDS LOCAL RUNTIME
- 未在文档中发现Not found in the docs
- 03需要 DockerNEEDS DOCKER
- 未在文档中发现Not found in the docs
- 04难度DIFFICULTY
- 一键安装One-click install
- 05许可LICENSE
- MITMIT
- 06阶段STAGE
- 持续活跃Active
- 创建于 03 OCT 2026Created 03 OCT 2026
静态扫描STATIC SCAN
在 README、SKILL.md 和依赖清单中没有匹配到已知风险模式。No known risk patterns matched in the README, SKILL.md or dependency list.
静态扫描未发现明显风险，但不代表安全。仅核验官方页面，未审计服务端代码；数据处理和费用以官网为准。A static scan found no known risk patterns in the documentation, but that doesn't prove the project is safe. Treat it as you would any third-party code.
项目动态PROJECT ACTIVITY
它现在处在什么位置Where it stands right now
首次发现FIRST SEEN
23 OCT 202623 OCT 2026
增长GROWTH
+16.2%+16.2%
210 → 244 stars · 2 个快照210 → 244 stars · 2 snapshots
状态STATUS
持续活跃Active
质量 AQuality A
通过 shadcn CLI 一键安装组件，快速集成到 React 19 项目。Current version targets React 19 and works with plain TypeScript or JavaScript.
PROVENANCE · 这些结论的依据是什么Where these conclusions come from
- 来源 URLSource URL
- https://github.com/flohoeller/affectui
- 原始数据哈希Raw data hash
- f63f5cdaf030e80b27cc2791df47589a
- 解析时间Parsed at
- 2026-10-24T23:49:41.258Z
- 最后一次验证Last verified
- 2026-10-24T22:13:05.655Z
- 增长测量时间Growth measured
- 2026-10-25T00:17:21.055Z
- 发现查询Discovery queries
- focus:motion:repo:motion-one, focus:motion:repo:topic-animation
- 分类来源Category source
- rules
- 焦点Focus
- motion · web · design (12)
完整解析证据 JSONFull parse evidence JSON
{
"agents": [
{
"agent": "claude-code",
"evidence": "install: claude CLI command"
},
{
"agent": "vscode",
"evidence": "readme: …once and Claude Code, Cursor, VS Code or Codex can search every ite…"
}
],
"apiKey": null,
"docker": null,
"taxonomy": {
"scores": {
"design": 10,
"ai-tools": 4,
"dev-tools": 3,
"indie-web": 0,
"skill-agent": 0,
"productivity": 0
},
"primary": "design",
"secondary": "ui-kit"
},
"localRuntime": null,
"skillMdTotal": 0,
"skillMdErrors": [],
"treeTruncated": false,
"categoryScores": {
"data": 0,
"agent": 0,
"media": 0,
"design": 17,
"browser": 0,
"devtool": 3,
"security": 0,
"marketing": 0,
"productivity": 0
},
"classification": [
{
"signal": "description mentions AI",
"weight": 0.2
}
],
"scannedSources": [
"readme"
],
"skillMdFetched": 0
}