nuxt / ui

Problem: 开发者需要快速构建一个包含导航、表单、卡片等组件的企业官网，但不想从零开始写样式和组件。

Solution: 使用Nuxt UI提供的现成组件（如导航栏、按钮、卡片、表单元素）和官方Landing模板，结合Tailwind CSS快速定制样式。

Example: 使用Landing模板，30分钟内搭建一个包含响应式导航、英雄区域、功能展示卡片和联系表单的现代企业官网。

Problem: 需要构建一个功能丰富的管理后台，包含表格、图表、模态框、侧边栏等复杂UI，但担心组件一致性和可访问性。

Solution: 利用Nuxt UI的Dashboard模板和组件库（如DataTable、Modal、Sidebar、Chart），确保界面风格统一且符合无障碍标准。

Example: 基于Dashboard模板，快速集成用户管理表格、数据统计图表和设置模态框，所有组件开箱即用且主题可配置。

Problem: 需要为开源项目或产品搭建一个专业的文档网站，支持Markdown、代码高亮、搜索和暗色模式。

Solution: 使用Nuxt UI的Docs模板，它集成了Nuxt Content用于内容管理，并提供完整的文档布局组件和主题切换功能。

Example: 克隆Docs模板，将Markdown文档放入content目录，自动生成带侧边栏导航、代码块高亮和暗色模式的文档站。

Problem: 开发一个SaaS应用需要包含登录、仪表盘、博客、定价页面等多个模块，统一设计和开发效率低。

Solution: 采用Nuxt UI的SaaS模板，它预置了完整的页面模块和组件，支持快速定制品牌色和布局，减少重复劳动。

Example: 使用SaaS模板，一周内完成登录页、用户仪表盘、博客列表和定价页面的开发，所有组件风格一致且响应式。