# 组件

本节为 Blocklet UI React 库中所有可用的 UI 组件提供了全面的参考文档。每个组件都附有其属性 (props)、实际使用示例和最佳实践的文档，以确保能无缝集成到您的应用程序中。

这些组件按逻辑类别进行组织，以方便导航和查找。请在下方选择一个类别，以浏览其中的组件。

<x-cards data-columns="3">
  <x-card data-title="布局" data-icon="lucide:layout-template" data-href="/components/layout">
    构成 Blocklet 应用主要结构的主要组件，例如 Header、Footer 和 Dashboard。
  </x-card>
  <x-card data-title="用户管理" data-icon="lucide:users" data-href="/components/user-management">
    一套用于处理用户个人资料、会话管理和组织切换的组件。
  </x-card>
  <x-card data-title="组件管理" data-icon="lucide:package" data-href="/components/component-management">
    用于在应用程序内动态安装、发布和管理 Blocklet 组件的工具。
  </x-card>
  <x-card data-title="通知" data-icon="lucide:bell" data-href="/components/notifications">
    提供用于实现实时用户通知系统的组件和实用工具。
  </x-card>
  <x-card data-title="实用工具" data-icon="lucide:wrench" data-href="/components/utilities">
    一系列辅助组件和实用工具，例如多功能的图标组件和主题提供程序。
  </x-card>
</x-cards>

---

要开始构建您的应用结构，请前往 [布局组件](./components-layout.md) 部分。