Library ObsidianUI React与Tailwind的组件与模板库

用 React + Tailwind 做项目，想要现成且精致的组件、区块（block）与落地页模板，要么自己搭，要么在多个仓库间拼凑，质量和风格参差不齐。尤其“区块级”的营销组件（Hero、定价、CTA）重复造轮子的成本很高。
ObsidianUI 的切入点，是提供一套 React + Tailwind v4 的组件、区块与落地页模板，并通过 shadcn registry 让你按需把源码装进项目，还内置 llms.txt 与 MCP 方便 AI 调用。

项目基本信息

一、项目介绍

Atharvsinh-codez/ObsidianUI 是一个 React 与 Tailwind CSS 组件库，MIT 协议，提供组件、区块（block）与落地页模板。它采用 shadcn registry 的复制式分发：你从展示页选组件，用 shadcn CLI 通过 registry URL 把源码装进项目；同时提供 llms.txt 与本地 MCP，便于 AI 编程助手按文档与路由直接调用。

二、核心优势

1. React + Tailwind v4：现代技术栈，风格统一。
2. 复制式分发：通过 shadcn registry 把源码装进项目。
3. 区块与模板：除组件外还有落地页区块。
4. AI 友好：内置 llms.txt 与 MCP，便于 Agent 调用。
5. 开源 MIT：免费商用与改造。

三、适用场景

• React 营销站与产品官网。
• 需要精致组件与落地页区块。
• 用 AI 助手辅助生成 UI 的场景。
• 想要 shadcn 式但更偏模板化。

四、安装教程

从展示页选组件，用 shadcn CLI 通过 registry URL 安装：

npx shadcn@latest add 'https://www.obsidianui.dev/r/hover-img.json'

常见报错：shadcn CLI 未初始化（缺少 components.json）会安装失败，先 npx shadcn@latest init；Tailwind v4 环境缺失会导致样式异常。

五、使用示例

复制组件 registry 地址后执行安装，再在页面引用：

npx shadcn@latest add 'https://www.obsidianui.dev/r/v-prism.json'

真实效果：对应组件源码进入项目，按文档引入即可使用，附带所需样式与本地 helper，无需手工拼装。

六、常见问题

Q：必须 shadcn 吗？
A：通过 shadcn registry 分发，需要 shadcn CLI 环境；也可手工拷贝源码文件。
Q：Tailwind 版本要求？
A：组件基于 Tailwind CSS v4，请相应配置。
Q：免费商用吗？
A：MIT 协议，可免费用于商业项目。

七、总结

ObsidianUI 把 React + Tailwind 的组件、区块与落地页模板做成了 shadcn registry 式的复制式库，还额外提供 llms.txt 与 MCP 让 AI 助手更易调用。对用 AI 辅助做 React 营销站、又想要精致区块的团队，它是现成且现代的来源；MIT 协议。