阿空设计系统 · 跨端 (Web + React Native) · 一组件一仓 · 类 antd / shadcn
npm i github:yarnovo/aily-ui-core
import { Button, BottomNav, ChatLayout, LoginFlow } from '@aily-ui/core'
tokens / icons
| 组件 | 说明 | 链接 |
|---|---|---|
@aily-ui/tokens |
color / spacing / radius / typography 设计 tokens · CSS variables + JS object | demogithub |
@aily-ui/icons |
封装 lucide-react · antd 风 props (size / spin / rotate / strokeWidth) | demogithub |
shell / form / data display
| 组件 | 说明 | 链接 |
|---|---|---|
@aily-ui/button |
按钮 · primary / secondary / ghost · sm / md / lg · loading / disabled | demogithub |
@aily-ui/avatar |
头像 · 图片 / 文字 fallback · sm / md / lg / xl | demogithub |
@aily-ui/auth-login |
真 6 provider 真登录流 · phone-sms / email-pwd / username-pwd / oauth-google / oauth-wechat / oauth-qq · token 化样式 | demogithub |
@aily-ui/lazy-image |
懒加载图 · IntersectionObserver · skeleton 占位 · objectFit / aspectRatio | demogithub |
@aily-ui/skeleton |
骨架屏 · pulse 动画 · 自由尺寸 + radius | demogithub |
@aily-ui/bottom-nav |
底部导航 · sticky 贴底 · safe-area · primary 中间凸起按钮 | demogithub |
chat · 对话场景专用
| 组件 | 说明 | 链接 |
|---|---|---|
@aily-ui/chat-layout |
聊天页布局 · header + main 滚动区 + footer · 自动滚到底 · 顶部加载更多 | demogithub |
@aily-ui/chat-bubble |
气泡消息 · user / assistant 双向 · 多行换行 · 时间戳 | demogithub |
@aily-ui/chat-input |
聊天输入框 · 自适应行高 · iOS 软键盘补偿 · slot 扩展位 | demogithub |
@aily-ui/typing-indicator |
"正在输入"动画 · 3 点起伏 · 可独立 / 嵌气泡 | demogithub |
@aily-ui/conversation-item |
会话列表项 · 头像 + 名字 + 末条 + 时间 + 未读 badge | demogithub |
| 包 | 说明 | 链接 |
|---|---|---|
@aily-ui/core |
聚合包 · 一行 import 全套组件 · 类 antd 总入口 | github |