uibrik

com.uibrik由 uibrik.com 發布官方發布者v1.0.0更新於 Nov 7, 2026

Search 267 animated React components and get their props and source to install with shadcn.

已驗證Streamable HTTP可網頁執行開發者工具媒體與設計

概覽

AI 產生的概覽

搜尋 uibrik 的動畫 React 元件庫,回傳安裝指令、屬性說明與原始碼,可搭配 shadcn CLI 使用。

可以做什麼
  • 依功能搜尋動畫 React 元件,或依分區與分類瀏覽目錄以取得元件代號
  • 取得單一元件的說明、安裝指令、npm 套件、匯入語句、屬性說明與全部原始碼
  • 取得 Next.js、Vite 或不用 shadcn CLI 手動複製時的專案設定說明
適用情境
適合在 React 專案中建立或改造介面時使用,尤其是需要文字動畫、區塊、背景等動畫元件,並希望直接取得可執行的安裝指令而非從零撰寫。
執行需求
透過 streamable HTTP 連線至 uibrik.com 的遠端端點;未宣告需要驗證、環境變數或請求標頭。安裝時假定專案使用 Tailwind CSS v4 與 shadcn CLI。
安裝前請注意
伺服器會回傳原始碼與安裝指令,助理可能據此修改你的專案,執行前請先檢查變更。不會要求任何憑證。

安裝

在 SourceWeft 中

  1. 開啟 儀表板中的 uibrik,將其新增到工作區。
  2. 為需要使用其工具的對話啟用該服務。

Web executable,透過 Streamable HTTP。 遠端服務在工作區中設定後即可從網頁執行環境執行。

交給代理程式安裝

把這段提示詞貼上到 Claude Code、Codex、Cursor 等代理程式,或 SourceWeft 對話中。代理程式會讀取該伺服器的安裝指南,先向你展示發布者、端點和登入方式,經你同意後再把它新增到你的客戶端。金鑰不會寫進任何命令。

閱讀 https://sourceweft.com/mcp/com.uibrik%2Fcomponents/install.md,並按其中說明把這個 MCP 伺服器接入我的客戶端。修改任何設定之前,先告訴我它的發布者、端點和登入方式,等我確認。不要把 API 金鑰寫進命令或我會提交的檔案;問我金鑰應從哪裡取得。

檢視代理程式所依據的安裝指南

其他 MCP 客戶端

把它新增到你客戶端的 mcpServers 設定中。

{
  "mcpServers": {
    "uibrik": {
      "type": "http",
      "url": "https://uibrik.com/mcp"
    }
  }
}

工具

4

search_components

Search components

Search uibrik's animated React components (Tailwind CSS v4, Motion, WebGL) by what they do. Use this first whenever the task is building or restyling UI in a React project. Examples: "pricing", "animated button", "uptime chart", "text reveal". Returns slugs to pass to get_component. Leave query empty to list everything in a category.

輸入參數limitquerycategory

get_component

Get a component

Everything needed to use one uibrik component: description, install commands, npm packages, import line, props, and the full source of every file it installs. Use a slug from search_components.

輸入參數slug必填include_source

list_categories

List categories

The uibrik catalog by section and category, with every component's slug. Use it to browse before searching.

無需輸入參數。

get_install_instructions

Get set-up instructions

How to set up a project for uibrik components: Next.js, Vite, or manual copy without the shadcn CLI.

輸入參數framework

版本歷史

1
  1. v1.0.0最新Nov 7, 2026

評分

已滿足適用檢查項的 72%

該評分衡量此收錄條目的完整程度,依據註冊中心條目、端點與公開來源計算得出。它不是對伺服器本身的評價,也不表示伺服器安全或目前可用:可連通性是帶日期的檢查結果,評分也不包含安裝量或使用者評價。

  • 近 30 天內可連通必需25 分
  • 已宣告認證方式必需10 分
  • 已列出工具必需15 分
  • 描述必需15 分
  • 圖示10 分

    請在註冊中心條目中發布圖示。

  • 文件15 分

    請宣告包含 README 的 GitHub 儲存庫,或在 OAuth 受保護資源後設資料中提供 resource_documentation。

  • 授權條款不適用

    託管服務按其提供方的條款使用,因此這裡不要求授權條款。此檢查項不計入百分比。