react
精选
react
React is a JavaScript library for building user interfaces with declarative, component-based, and cross-platform design.
AI 仓库情报摘要
FR-AI / ANALYSIS为什么值得关注
它是一个精致且自包含的 UI 组件，在单个 JavaScript 文件中实现了复杂的交互模式（拖拽、键盘、响应式），无需任何框架或构建工具。
适合谁使用
- 构建 AI/LLM 模型选择界面的 Web 开发者
- 寻求自定义元素模式灵感的 UI 组件设计师
- 对 Shadow DOM 封装和可访问交互感兴趣的开发者
- 希望开箱即用且设置简单的 Web 组件爱好者
典型使用场景
- 在聊天或工具界面中选择不同推理努力级别的 AI 模型
- 为 Web 应用构建模型配置设置面板
- 展示自定义元素 API 和事件驱动状态的最佳实践
- 需要拖拽和键盘导航的交互式 UI 原型开发
项目优势
- 零依赖，无需构建步骤，任何静态文件服务器即可运行
- 全面的键盘和鼠标交互，包括模型行间的垂直拖拽
- 通过 prefers-reduced-motion 和 ARIA 友好行为支持可访问性
- 清晰的 API：HTML 属性、程序化方法以及冒泡 change 事件
使用前须知
- 模型名称硬编码（Sol/Terra/Luna），不修改代码难以配置
- 仅提供 UI 交互，无后端集成或数据持久化
- 非官方复刻，可能与原始演示存在视觉或行为差异
README 快速开始
Usage
项目描述
Dark reasoning mixer model picker as a zero-dependency Web Component (MIT)
相关仓库与替代方案
根据分类、Topic 和编程语言匹配的相似项目。
TanStack
精选
router
TanStack Router is a type-safe, data-driven React router with built-in caching, prefetching, and nested layouts, while TanStack Start extends it into a full-stack SSR framework.
tandpfun
精选
wardrobe
A GPT‑image powered app that extracts individual garment cutouts from photos, organizes them into a digital wardrobe, and generates modeled outfit previews.