创作的速度, 没有上限。
设计不必先定下来,可以边做边决定。颜色、形状、间距,一个属性就能整体切换。转向只在一瞬,返工时间归零。与 AI 并肩,创意随之变幻自如,不断加速。
最新发布
所有发布单一 import 预设
一行 pinion-ui.css import 会在你的 app.css 中装配 Tailwind v4、daisyUI v5 和 tune 标记系统。
发布时间 — 2026-04
Focus + Collapse 插件
ui:install 现在自动装配 @alpinejs/focus 和 @alpinejs/collapse — modal 焦点陷阱和 accordion 高度动画即装即用。
发布时间 — 2026-05
Popover padding 属性
<x-popover> 上的新 padding 属性,让右键上下文菜单能紧贴内容。
发布时间 — 2026-05
为 AI 代理而生
AI 代理能正确编写 pinion-ui
-
一次性阅读
CLAUDE.md了解项目约定 -
AGENTS.md指导每个组件的查询工作流 -
reference/components/下有 46 份每组件参考文档 - 全新 Laravel 安装已验证 — 将包导入任何新应用,立即构建
60 秒快速安装
# 1. 添加包
composer require sparrowhawk-labs/pinion-ui
# 2. 安装资产 + AGENTS.md 脚手架
php artisan ui:install --ai
# 3. 构建 & 运行
npm run build && php artisan serve
加上 --ai 会将 CLAUDE.md + AGENTS.md 放在你的 repo 根目录。
组件 — 实时体验
46 个中的 9 个 — 从侧边栏选择任何组件查看完整矩阵<x-modal>
Modal
由 Alpine 驱动的对话框,带焦点陷阱、ESC 和背景关闭。
欢迎来到 pinion-ui
46 个组件,全部主题化,全部为 AI 代理编写文档。按 Esc 或点击外部关闭。
准备好构建了吗?
获取包、浏览组件、发布 UI。
MIT 许可 · 由 sparrowhawk-labs 倾心打造