Uiverse.io使用教程

打开Uiverse.io官网，可直接浏览首页推荐的UI组件，也可通过左侧分类栏选择按钮、卡片、表单等对应组件类别，或在顶部搜索框输入关键词查找目标组件。

点击目标组件进入详情页，在预览区域测试组件的交互效果，可切换亮暗色模式查看组件在不同主题下的呈现状态，判断是否适配项目需求。

若需要调整组件参数，在详情页右侧的参数调整面板修改颜色、圆角、阴影、动画时长等配置，预览区域会实时同步调整后的效果，直至组件符合设计规范。

参数调整完成后，在代码导出区域选择自身项目使用的技术栈，如纯CSS、Tailwind CSS、React、Vue等，点击复制按钮即可获取对应格式的组件代码。

将复制的代码粘贴到自身项目的对应文件中，根据项目实际需求进行少量细节调整即可正常使用，若需要后续复用可注册账号将组件添加到收藏夹分类管理。