工具概覽
這個合集提供 100 個免費的 AI UI 元件，每個都是單個 HTML 檔案，無需庫或構建步驟即可複製到任何專案中。元件涵蓋提示輸入、思考與載入狀態、聊天訊息、回答反饋、token 與用量、模型與設定、聊天佈局、智慧體與工具、語音與媒體，以及信任與引導。它們按 MIT 許可設計，可用於個人和商業專案。頁面寫道：“Each component is one HTML file you can copy into any project. No library, no build step.”以及“All 100 components are ready. Free for personal and business use.”元件帶有支援亮色和暗色模式的即時演示，使用者可以直接複製程式碼。合集分為 10 個類別，示例有提示框、思考狀態、token 計量器、回答評分和智慧體工具。正如頁面所說：“Prompt boxes, thinking states, token meters, answer ratings and agent tools.”以及“Open a component to try the live demo, switch between light and dark mode, and copy the code.”
定價
價格與限制可能變動，請以官網為準，並確認幣別、付款週期、最低席位數和用量上限。
應用場景
- 開發者用這些元件為網頁專案快速新增 AI 聊天介面，無需從零開發。
- 設計師用這些元件和提示框、思考狀態等現成元素為 AI 應用介面做原型。
- 產品團隊用這些元件在 AI 應用中實現 token 用量計量器和成本跟蹤。
- AI 應用開發者用這些元件新增點贊/點踩和星級評分等回答反饋機制。
- 開發者用這些元件建立帶側邊欄、搜尋和置頂對話的聊天佈局。
- 團隊用這些元件在 AI 聊天介面中整合語音輸入和媒體處理。
- 開發者用這些元件新增模型選擇以及創造力滑塊、系統提示詞編輯器等設定控制元件。
- AI 產品團隊用這些元件實現隱私控制和歡迎頁等信任與引導功能。
功能特色
提供 100 個 AI 介面元件
包含提示詞輸入框
包含思考過程動畫
包含 Token 用量儀表
包含回答評分元件
每個元件都是獨立檔案
採用 MIT 許可證
使用者評論
還沒有評論，來分享你的使用體驗吧