dev.ndekocode.ui由 ui.ndekocode.dev 發布官方發布者v1.0.0更新於 Nov 7, 2026
Search, read and install ndekoui React components, blocks and templates with the shadcn CLI.
搜尋 ndekoui React 元件庫，回傳項目原始碼與 shadcn 安裝指令，並提供設計規範。
Web executable，透過 Streamable HTTP。 遠端服務在工作區中設定後即可從網頁執行環境執行。
把這段提示詞貼上到 Claude Code、Codex、Cursor 等代理程式，或 SourceWeft 對話中。代理程式會讀取該伺服器的安裝指南，先向你展示發布者、端點和登入方式，經你同意後再把它新增到你的客戶端。金鑰不會寫進任何命令。
閱讀 https://sourceweft.com/mcp/dev.ndekocode.ui%2Fndekoui/install.md，並按其中說明把這個 MCP 伺服器接入我的客戶端。修改任何設定之前，先告訴我它的發布者、端點和登入方式，等我確認。不要把 API 金鑰寫進命令或我會提交的檔案；問我金鑰應從哪裡取得。把它新增到你客戶端的 mcpServers 設定中。
{
"mcpServers": {
"ndekoui": {
"type": "http",
"url": "https://ui.ndekocode.dev/mcp"
}
}
}Open-source React components that animate every change of state. 685 components in 36 categories, 66 blocks, 10 templates and 72 primitives, built on Base UI, motion and Tailwind CSS 4, installed with the shadcn CLI or through an MCP server.
Site and catalogue: ui.ndekocode.dev
Every item is a shadcn registry item. In a project set up with the shadcn CLI, React 19 and Tailwind CSS 4:
The theme, the cn helper and every primitive the item uses come with it, and imports are rewritten to your own aliases.
To use the short form, declare the registry in components.json:
The MCP server at https://ui.ndekocode.dev/mcp lets Claude, Claude Code, Codex, Cursor, VS Code, Windsurf, Zed and other MCP clients search the catalogue, read the source of an item, get its install command and follow the design rules. Setup for each client: ui.ndekocode.dev/mcp/connect.
For language models, the catalogue is also described in llms.txt and, item by item, in llms-full.txt. The registry index is at r/registry.json.
Node.js 24 and pnpm are required.
The rules every item follows (tokens, lines, materials, motion, writing) are in docs/DESIGN-SYSTEM.md.
Read the contributing guide and the port checklist in docs/ROADMAP.md.
ndekoui is MIT licensed, see LICENCE.md. It started from Motion Primitives by ibelick and redraws compositions from the MIT edition of Origin UI; their notices and those of the brand marks are in THIRD_PARTY_NOTICES.md.
來源：README.md，提交 45e2f02
Search items
Search the ndekoui registry by words, ranked like the search on ui.ndekocode.dev: titles first, then names, groups and descriptions. Use it before list_items when you know what you need ("pricing", "date range", "kanban"). Filter by kind: primitive, component, block, template, motion or lib.
kindlimitquery必填List items
List ndekoui registry items of one kind. Kinds: primitive (Base UI building blocks such as button or dialog), component (ready compositions such as accordion-01), block (product sections such as heroes-01), template (whole pages), motion (animation components) and lib (theme, utilities, icons, sample images, hooks). Narrow with category: a category or group slug such as accordion, heroes or application, or a component family such as forms or overlays. Paged with offset and limit.
kind必填limitoffsetcategoryGet item
Get one ndekoui item by name: the full source of its files, its npm dependencies, the registry items it pulls in, the shadcn command that installs it and its page on ui.ndekocode.dev. Large templates return the source of their first files and list the rest; pass file with a path from that list to read one file.
filename必填Get install command
Build the shadcn CLI command that installs one or more ndekoui items, for npm, pnpm, yarn or bun. Returns the command with full registry URLs, which works in any shadcn project, and the shorter @ndeko form for projects whose components.json declares the namespace.
names必填packageManagerGet theme
Summarise the theme item every ndekoui piece depends on: the colour tokens with their light and dark values, the radius and easing tokens, and the utilities it adds (hairlines, chip-3d, keycap-3d, gem-plate, surface-raised, surface-brand). Read it before changing colours or writing new styles.
無需輸入參數。
Get design guidelines
The rules for writing UI that looks and moves like ndekoui: surfaces and hairlines, radius, colour, type, how to compose the Base UI primitives, the motion signatures and their timing, and what to avoid. Call it once before writing UI. Pass section with a number or a title ("7", "motion") to read one section of the design system in full, or "all" for the whole document.
sectionList categories
The map of the ndekoui catalogue with counts: primitive groups, component families and their categories, block groups, template groups, motion groups and library items. Use the slugs it returns as the category of list_items.
無需輸入參數。
已滿足適用檢查項的 100%
該評分衡量此收錄條目的完整程度，依據註冊中心條目、端點與公開來源計算得出。它不是對伺服器本身的評價，也不表示伺服器安全或目前可用：可連通性是帶日期的檢查結果，評分也不包含安裝量或使用者評價。
npx shadcn@latest add https://ui.ndekocode.dev/r/notification-28.json{ "registries": { "@ndeko": "https://ui.ndekocode.dev/r/{name}.json" }}npx shadcn@latest add @ndeko/notification-28pnpm installpnpm dev # the site on http://localhost:3000pnpm typecheckpnpm lintpnpm registry:build # registry.json, preview indexes and public/r