創作的速度， 沒有上限。
設計不必先定案，可以邊做邊決定。色彩、形狀、間距，一個屬性就能整體切換。轉向只在一瞬，返工時間歸零。與 AI 並肩，創意隨之變幻自如，不斷加速。
最新發布
所有版本單一匯入預設
單行匯入 pinion-ui.css 即可在 app.css 中配置 Tailwind v4、daisyUI v5 和 tune 語彙系統。
發布於 — 2026-04
Focus + Collapse 外掛
ui:install 現在自動連接 @alpinejs/focus 和 @alpinejs/collapse — 彈窗焦點捕獲和手風琴高度動畫開箱即用。
發布於 — 2026-05
Popover 內距屬性
<x-popover> 的新 padding 屬性，讓右鍵操作選單可以緊密依附其內容。
發布於 — 2026-05
為 AI 代理而構建
AI 代理可以正確編寫 pinion-ui
-
讀一次
CLAUDE.md即可掌握專案約定 -
AGENTS.md指導逐元件查詢工作流程 -
reference/components/下有 46 份逐元件參考文件 - Fresh 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 放入專案根目錄。
元件 — 實時試驗
46 個中的 9 個 — 從側邊欄選擇任何項目來查看完整矩陣<x-modal>
Modal
由 Alpine 驅動的對話框，具有焦點捕獲、ESC 和背景關閉功能。
歡迎來到 pinion-ui
46 個元件，全部可主題化，全部已為 AI 代理文件化。按 Esc 或點擊外部區域關閉。
準備好構建了嗎？
取得套件、瀏覽元件、出貨 UI。
MIT 授權 · 由 sparrowhawk-labs 精心打造