[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"similar-creativetimofficial--ui":3,"tool-creativetimofficial--ui":61},[4,18,26,36,44,53],{"id":5,"name":6,"github_repo":7,"description_zh":8,"stars":9,"difficulty_score":10,"last_commit_at":11,"category_tags":12,"status":17},4358,"openclaw","openclaw\u002Fopenclaw","OpenClaw 是一款专为个人打造的本地化 AI 助手，旨在让你在自己的设备上拥有完全可控的智能伙伴。它打破了传统 AI 助手局限于特定网页或应用的束缚，能够直接接入你日常使用的各类通讯渠道，包括微信、WhatsApp、Telegram、Discord、iMessage 等数十种平台。无论你在哪个聊天软件中发送消息，OpenClaw 都能即时响应，甚至支持在 macOS、iOS 和 Android 设备上进行语音交互，并提供实时的画布渲染功能供你操控。\n\n这款工具主要解决了用户对数据隐私、响应速度以及“始终在线”体验的需求。通过将 AI 部署在本地，用户无需依赖云端服务即可享受快速、私密的智能辅助，真正实现了“你的数据，你做主”。其独特的技术亮点在于强大的网关架构，将控制平面与核心助手分离，确保跨平台通信的流畅性与扩展性。\n\nOpenClaw 非常适合希望构建个性化工作流的技术爱好者、开发者，以及注重隐私保护且不愿被单一生态绑定的普通用户。只要具备基础的终端操作能力（支持 macOS、Linux 及 Windows WSL2），即可通过简单的命令行引导完成部署。如果你渴望拥有一个懂你",349277,3,"2026-04-06T06:32:30",[13,14,15,16],"Agent","开发框架","图像","数据工具","ready",{"id":19,"name":20,"github_repo":21,"description_zh":22,"stars":23,"difficulty_score":10,"last_commit_at":24,"category_tags":25,"status":17},3808,"stable-diffusion-webui","AUTOMATIC1111\u002Fstable-diffusion-webui","stable-diffusion-webui 是一个基于 Gradio 构建的网页版操作界面，旨在让用户能够轻松地在本地运行和使用强大的 Stable Diffusion 图像生成模型。它解决了原始模型依赖命令行、操作门槛高且功能分散的痛点，将复杂的 AI 绘图流程整合进一个直观易用的图形化平台。\n\n无论是希望快速上手的普通创作者、需要精细控制画面细节的设计师，还是想要深入探索模型潜力的开发者与研究人员，都能从中获益。其核心亮点在于极高的功能丰富度：不仅支持文生图、图生图、局部重绘（Inpainting）和外绘（Outpainting）等基础模式，还独创了注意力机制调整、提示词矩阵、负向提示词以及“高清修复”等高级功能。此外，它内置了 GFPGAN 和 CodeFormer 等人脸修复工具，支持多种神经网络放大算法，并允许用户通过插件系统无限扩展能力。即使是显存有限的设备，stable-diffusion-webui 也提供了相应的优化选项，让高质量的 AI 艺术创作变得触手可及。",162132,"2026-04-05T11:01:52",[14,15,13],{"id":27,"name":28,"github_repo":29,"description_zh":30,"stars":31,"difficulty_score":32,"last_commit_at":33,"category_tags":34,"status":17},1381,"everything-claude-code","affaan-m\u002Feverything-claude-code","everything-claude-code 是一套专为 AI 编程助手（如 Claude Code、Codex、Cursor 等）打造的高性能优化系统。它不仅仅是一组配置文件，而是一个经过长期实战打磨的完整框架，旨在解决 AI 代理在实际开发中面临的效率低下、记忆丢失、安全隐患及缺乏持续学习能力等核心痛点。\n\n通过引入技能模块化、直觉增强、记忆持久化机制以及内置的安全扫描功能，everything-claude-code 能显著提升 AI 在复杂任务中的表现，帮助开发者构建更稳定、更智能的生产级 AI 代理。其独特的“研究优先”开发理念和针对 Token 消耗的优化策略，使得模型响应更快、成本更低，同时有效防御潜在的攻击向量。\n\n这套工具特别适合软件开发者、AI 研究人员以及希望深度定制 AI 工作流的技术团队使用。无论您是在构建大型代码库，还是需要 AI 协助进行安全审计与自动化测试，everything-claude-code 都能提供强大的底层支持。作为一个曾荣获 Anthropic 黑客大奖的开源项目，它融合了多语言支持与丰富的实战钩子（hooks），让 AI 真正成长为懂上",143909,2,"2026-04-07T11:33:18",[14,13,35],"语言模型",{"id":37,"name":38,"github_repo":39,"description_zh":40,"stars":41,"difficulty_score":32,"last_commit_at":42,"category_tags":43,"status":17},2271,"ComfyUI","Comfy-Org\u002FComfyUI","ComfyUI 是一款功能强大且高度模块化的视觉 AI 引擎，专为设计和执行复杂的 Stable Diffusion 图像生成流程而打造。它摒弃了传统的代码编写模式，采用直观的节点式流程图界面，让用户通过连接不同的功能模块即可构建个性化的生成管线。\n\n这一设计巧妙解决了高级 AI 绘图工作流配置复杂、灵活性不足的痛点。用户无需具备编程背景，也能自由组合模型、调整参数并实时预览效果，轻松实现从基础文生图到多步骤高清修复等各类复杂任务。ComfyUI 拥有极佳的兼容性，不仅支持 Windows、macOS 和 Linux 全平台，还广泛适配 NVIDIA、AMD、Intel 及苹果 Silicon 等多种硬件架构，并率先支持 SDXL、Flux、SD3 等前沿模型。\n\n无论是希望深入探索算法潜力的研究人员和开发者，还是追求极致创作自由度的设计师与资深 AI 绘画爱好者，ComfyUI 都能提供强大的支持。其独特的模块化架构允许社区不断扩展新功能，使其成为当前最灵活、生态最丰富的开源扩散模型工具之一，帮助用户将创意高效转化为现实。",107888,"2026-04-06T11:32:50",[14,15,13],{"id":45,"name":46,"github_repo":47,"description_zh":48,"stars":49,"difficulty_score":32,"last_commit_at":50,"category_tags":51,"status":17},4721,"markitdown","microsoft\u002Fmarkitdown","MarkItDown 是一款由微软 AutoGen 团队打造的轻量级 Python 工具，专为将各类文件高效转换为 Markdown 格式而设计。它支持 PDF、Word、Excel、PPT、图片（含 OCR）、音频（含语音转录）、HTML 乃至 YouTube 链接等多种格式的解析，能够精准提取文档中的标题、列表、表格和链接等关键结构信息。\n\n在人工智能应用日益普及的今天，大语言模型（LLM）虽擅长处理文本，却难以直接读取复杂的二进制办公文档。MarkItDown 恰好解决了这一痛点，它将非结构化或半结构化的文件转化为模型“原生理解”且 Token 效率极高的 Markdown 格式，成为连接本地文件与 AI 分析 pipeline 的理想桥梁。此外，它还提供了 MCP（模型上下文协议）服务器，可无缝集成到 Claude Desktop 等 LLM 应用中。\n\n这款工具特别适合开发者、数据科学家及 AI 研究人员使用，尤其是那些需要构建文档检索增强生成（RAG）系统、进行批量文本分析或希望让 AI 助手直接“阅读”本地文件的用户。虽然生成的内容也具备一定可读性，但其核心优势在于为机器",93400,"2026-04-06T19:52:38",[52,14],"插件",{"id":54,"name":55,"github_repo":56,"description_zh":57,"stars":58,"difficulty_score":10,"last_commit_at":59,"category_tags":60,"status":17},4487,"LLMs-from-scratch","rasbt\u002FLLMs-from-scratch","LLMs-from-scratch 是一个基于 PyTorch 的开源教育项目，旨在引导用户从零开始一步步构建一个类似 ChatGPT 的大型语言模型（LLM）。它不仅是同名技术著作的官方代码库，更提供了一套完整的实践方案，涵盖模型开发、预训练及微调的全过程。\n\n该项目主要解决了大模型领域“黑盒化”的学习痛点。许多开发者虽能调用现成模型，却难以深入理解其内部架构与训练机制。通过亲手编写每一行核心代码，用户能够透彻掌握 Transformer 架构、注意力机制等关键原理，从而真正理解大模型是如何“思考”的。此外，项目还包含了加载大型预训练权重进行微调的代码，帮助用户将理论知识延伸至实际应用。\n\nLLMs-from-scratch 特别适合希望深入底层原理的 AI 开发者、研究人员以及计算机专业的学生。对于不满足于仅使用 API，而是渴望探究模型构建细节的技术人员而言，这是极佳的学习资源。其独特的技术亮点在于“循序渐进”的教学设计：将复杂的系统工程拆解为清晰的步骤，配合详细的图表与示例，让构建一个虽小但功能完备的大模型变得触手可及。无论你是想夯实理论基础，还是为未来研发更大规模的模型做准备",90106,"2026-04-06T11:19:32",[35,15,13,14],{"id":62,"github_repo":63,"name":64,"description_en":65,"description_zh":66,"ai_summary_zh":66,"readme_en":67,"readme_zh":68,"quickstart_zh":69,"use_case_zh":70,"hero_image_url":71,"owner_login":72,"owner_name":73,"owner_avatar_url":74,"owner_bio":75,"owner_company":76,"owner_location":76,"owner_email":77,"owner_twitter":78,"owner_website":79,"owner_url":80,"languages":81,"stars":98,"forks":99,"last_commit_at":100,"license":101,"difficulty_score":32,"env_os":102,"env_gpu":103,"env_ram":102,"env_deps":104,"category_tags":112,"github_topics":113,"view_count":32,"oss_zip_url":76,"oss_zip_packed_at":76,"status":17,"created_at":124,"updated_at":125,"faqs":126,"releases":157},5095,"creativetimofficial\u002Fui","ui","Open-source components, blocks, and AI agents designed to speed up your workflow. Import them seamlessly into your favorite tools through Registry and MCPs.","Creative Tim UI 是一个基于 shadcn\u002Fui 构建的开源组件库，旨在帮助开发者快速搭建现代化、生产级的 Web 应用。它提供了大量预制的 React 组件和页面区块（Blocks），涵盖从基础按钮到复杂的账户管理、计费界面及营销落地页等多种场景。\n\n对于需要频繁重复编写前端代码的开发者而言，Creative Tim UI 有效解决了从零开始设计 UI 耗时费力的问题。通过其专用的 CLI 工具或标准的 shadcn 命令，用户可以一键将所需组件直接导入 Next.js 项目中。这些组件不仅开箱即用，还支持基于 Tailwind CSS 进行深度定制，确保在提升开发效率的同时，不牺牲设计的灵活性与独特性。\n\n该工具主要面向熟悉 React 和 Next.js 的前端工程师及全栈开发者，特别适合希望加速产品原型开发或统一团队 UI 风格的技术团队。其核心亮点在于无缝集成了 shadcn\u002Fui 的生态优势，并扩展了丰富的业务场景模板（如模态框、用户中心、联系表单等），让开发者能像搭积木一样高效组装高质量的用户界面，从而更专注于核心业务逻辑的实现。","[![Creative Tim UI](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fcreativetimofficial_ui_readme_3d324c763c05.png)](https:\u002F\u002Fcreative-tim.com\u002Fui)\n\n# Creative Tim UI\n\n[Creative Tim UI](https:\u002F\u002Fcreative-tim.com\u002Fui) is a comprehensive component library built on top of [shadcn\u002Fui](https:\u002F\u002Fui.shadcn.com\u002F) to help you build modern web applications faster.\n\n## Overview\n\nCreative Tim UI provides pre-built, customizable React components and blocks designed for building beautiful, production-ready web applications. \nThe CLI makes it easy to add these components to your Next.js project.\n\n## Installation\nYou can use the Creative Tim UI CLI directly with npx, or install it globally:\n```bash\n# Use directly (recommended)\nnpx @creative-tim\u002Fui@latest add \u003Ccomponent-name>\n\n# Or using shadcn cli\nnpx shadcn@latest add https:\u002F\u002Fcreative-tim.com\u002Fui\u002Fr\u002Fall.json\n```\n\n## Prerequisites\nBefore using Creative Tim UI, ensure your Next.js project meets these requirements:\n- **Node.js 18** or later\n- **shadcn\u002Fui** initialized in your project (npx shadcn@latest init)\n- **Tailwind CSS** configured\n\n## Usage\n\n### Install All Components\nInstall all available Creative Tim UI components at once:\n```bash\nnpx @creative-tim\u002Fui@latest add all\n```\nThis command will:\n- Set up shadcn\u002Fui if not already configured\n- Install all Creative Tim UI components to your configured components directory\n- Add necessary dependencies to your project\n\n### Install Specific Components\nInstall individual components using the `components add` command:\n```bash\nnpx @creative-tim\u002Fui@latest add \u003Ccomponent-name>\n```\nExamples:\n```bash\n# Install the orb component\nnpx @creative-tim\u002Fui@latest add card\n```\n\n### Alternative: Use with shadcn CLI\nYou can also install components using the standard shadcn\u002Fui CLI:\n```bash\n# Install all components\nnpx shadcn@latest add https:\u002F\u002Fcreative-tim.com\u002Fui\u002Fr\u002Fall.json\n\n# Install a specific component\nnpx shadcn@latest add https:\u002F\u002Fcreative-tim.com\u002Fui\u002Fr\u002Fbutton.json\n```\n\nAll available components can be found [here](https:\u002F\u002Fcreative-tim.com\u002Fui\u002Fdocs\u002Fcomponents) or explore a list of example blocks [here](https:\u002F\u002Fcreative-tim.com\u002Fui\u002Fblocks).\n\n## Blocks\n\nExplore our collection of ready-to-use blocks organized by category. Each block is fully customizable and can be added to your project with a single command.\n\n### Application UI\n\n\u003Ctable>\n\u003Ctr>\n\u003Ctd width=\"25%\">\n\u003Ca href=\"https:\u002F\u002Fcreative-tim.com\u002Fui\u002Fblocks\u002Fmodals\">\n\u003Cimg src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fcreativetimofficial_ui_readme_0e5b63cd07ff.jpg\" alt=\"Modals\" \u002F>\n\u003Cbr\u002F>\n\u003Cstrong>Modals\u003C\u002Fstrong>\u003Cbr\u002F>\n\u003Cem>5 Blocks\u003C\u002Fem>\n\u003C\u002Fa>\n\u003C\u002Ftd>\n\u003Ctd width=\"25%\">\n\u003Ca href=\"https:\u002F\u002Fcreative-tim.com\u002Fui\u002Fblocks\u002Faccount\">\n\u003Cimg src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fcreativetimofficial_ui_readme_a16165ba4754.jpg\" alt=\"Account\" \u002F>\n\u003Cbr\u002F>\n\u003Cstrong>Account\u003C\u002Fstrong>\u003Cbr\u002F>\n\u003Cem>7 Blocks\u003C\u002Fem>\n\u003C\u002Fa>\n\u003C\u002Ftd>\n\u003Ctd width=\"25%\">\n\u003Ca href=\"https:\u002F\u002Fcreative-tim.com\u002Fui\u002Fblocks\u002Fbilling\">\n\u003Cimg src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fcreativetimofficial_ui_readme_f4b54e0df874.jpg\" alt=\"Billing\" \u002F>\n\u003Cbr\u002F>\n\u003Cstrong>Billing\u003C\u002Fstrong>\u003Cbr\u002F>\n\u003Cem>5 Blocks\u003C\u002Fem>\n\u003C\u002Fa>\n\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003C\u002Ftable>\n\n### Marketing\n\n\u003Ctable>\n\u003Ctr>\n\u003Ctd width=\"25%\">\n\u003Ca href=\"https:\u002F\u002Fcreative-tim.com\u002Fui\u002Fblocks\u002Ftestimonials\">\n\u003Cimg src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fcreativetimofficial_ui_readme_3fffaef6148f.jpg\" alt=\"Testimonial Sections\" \u002F>\n\u003Cbr\u002F>\n\u003Cstrong>Testimonial Sections\u003C\u002Fstrong>\u003Cbr\u002F>\n\u003Cem>17 Blocks\u003C\u002Fem>\n\u003C\u002Fa>\n\u003C\u002Ftd>\n\u003Ctd width=\"25%\">\n\u003Ca href=\"https:\u002F\u002Fcreative-tim.com\u002Fui\u002Fblocks\u002Fcontact\">\n\u003Cimg src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fcreativetimofficial_ui_readme_68034879748e.jpg\" alt=\"Contact Sections\" \u002F>\n\u003Cbr\u002F>\n\u003Cstrong>Contact Sections\u003C\u002Fstrong>\u003Cbr\u002F>\n\u003Cem>15 Blocks\u003C\u002Fem>\n\u003C\u002Fa>\n\u003C\u002Ftd>\n\u003Ctd width=\"25%\">\n\u003Ca href=\"https:\u002F\u002Fcreative-tim.com\u002Fui\u002Fblocks\u002Ffooters\">\n\u003Cimg src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fcreativetimofficial_ui_readme_31729a67aa47.jpg\" alt=\"Footers\" \u002F>\n\u003Cbr\u002F>\n\u003Cstrong>Footers\u003C\u002Fstrong>\u003Cbr\u002F>\n\u003Cem>16 Blocks\u003C\u002Fem>\n\u003C\u002Fa>\n\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd width=\"25%\">\n\u003Ca href=\"https:\u002F\u002Fcreative-tim.com\u002Fui\u002Fblocks\u002Ffaqs\">\n\u003Cimg src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fcreativetimofficial_ui_readme_193d24ab6906.jpg\" alt=\"FAQs\" \u002F>\n\u003Cbr\u002F>\n\u003Cstrong>FAQs\u003C\u002Fstrong>\u003Cbr\u002F>\n\u003Cem>6 Blocks\u003C\u002Fem>\n\u003C\u002Fa>\n\u003C\u002Ftd>\n\u003Ctd width=\"25%\">\n\u003Ca href=\"https:\u002F\u002Fcreative-tim.com\u002Fui\u002Fblocks\u002Fblog\">\n\u003Cimg src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fcreativetimofficial_ui_readme_a5923afc8d26.jpg\" alt=\"Blog\" \u002F>\n\u003Cbr\u002F>\n\u003Cstrong>Blog\u003C\u002Fstrong>\u003Cbr\u002F>\n\u003Cem>15 Blocks\u003C\u002Fem>\n\u003C\u002Fa>\n\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003C\u002Ftable>\n\n### Ecommerce UI\nReady-to-use blocks for product listings, shopping carts, and checkout flows.\n\n\u003Ctable>\n\u003Ctr>\n\u003Ctd width=\"25%\">\n\u003Ca href=\"https:\u002F\u002Fcreative-tim.com\u002Fui\u002Fblocks\u002Fecommerce\">\n\u003Cimg src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fcreativetimofficial_ui_readme_2b14008ff290.jpg\" alt=\"Ecommerce Sections\" \u002F>\n\u003Cbr\u002F>\n\u003Cstrong>Ecommerce Sections\u003C\u002Fstrong>\u003Cbr\u002F>\n\u003Cem>14 Blocks\u003C\u002Fem>\n\u003C\u002Fa>\n\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003C\u002Ftable>\n\n### Web 3.0\nInnovative sections built for decentralized applications, blockchain projects, and crypto platforms.\n\n\u003Ctable>\n\u003Ctr>\n\u003Ctd width=\"25%\">\n\u003Ca href=\"https:\u002F\u002Fcreative-tim.com\u002Fui\u002Fblocks\u002Fweb3\">\n\u003Cimg src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fcreativetimofficial_ui_readme_790543ef52b3.jpg\" alt=\"Web 3.0 Cards\" \u002F>\n\u003Cbr\u002F>\n\u003Cstrong>Web 3.0 Cards\u003C\u002Fstrong>\u003Cbr\u002F>\n\u003Cem>5 Blocks\u003C\u002Fem>\n\u003C\u002Fa>\n\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003C\u002Ftable>\n\n## Contributing\n\nIf you'd like to contribute to Creative Tim UI, please follow these steps:\n\n1. Fork the repository\n2. Create a new branch\n3. Make your changes to the components in the registry.\n4. Open a PR to the main branch.\n\nPlease read the [contributing guide](\u002FCONTRIBUTING.md).\n\n## Copyrights and Licenses\n\nCreative Tim UI is built upon the incredible work of the open source community:\n\n- **[shadcn\u002Fui](https:\u002F\u002Fui.shadcn.com\u002F)** - The documentation structure, registry system, and foundational (atomic) components are from the open source work in shadcn\u002Fui. [MIT License](https:\u002F\u002Fgithub.com\u002Fshadcn-ui\u002Fui\u002Fblob\u002Fmain\u002FLICENSE.md)\n- **[Material Tailwind](https:\u002F\u002Fmaterial-tailwind.com\u002Fv3)** by Creative Tim - The blocks and component designs are inspired by and based on Material Tailwind Framework. [MIT License](https:\u002F\u002Fgithub.com\u002Fcreativetimofficial\u002Fmaterial-tailwind\u002Fblob\u002Fmain\u002FLICENSE.md)\n- **[Eleven Labs UI](https:\u002F\u002Fgithub.com\u002Felevenlabs\u002Felevenlabs-ui)** - General inspiration for the documentation structure and approach of blocks. [MIT License](https:\u002F\u002Fgithub.com\u002Felevenlabs\u002Fui\u002Fblob\u002Fmain\u002FLICENSE.md)\n- **[Geist Font](https:\u002F\u002Fvercel.com\u002Ffont)** by Vercel - The beautiful typeface used throughout the interface. [SIL Open Font License 1.1](https:\u002F\u002Fgithub.com\u002Fvercel\u002Fgeist-font\u002Fblob\u002Fmain\u002FLICENSE.txt)\n\nWe are grateful to these projects for making their work available under open source licenses.\n\n## License\n\nLicensed under the [MIT license](https:\u002F\u002Fgithub.com\u002Fcreativetimofficial\u002Fui\u002Fblob\u002Fmain\u002FLICENSE.md).\n\nMade with love by [Creative Tim](https:\u002F\u002Fcreative-tim.com).\n","[![Creative Tim UI](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fcreativetimofficial_ui_readme_3d324c763c05.png)](https:\u002F\u002Fcreative-tim.com\u002Fui)\n\n# Creative Tim UI\n\n[Creative Tim UI](https:\u002F\u002Fcreative-tim.com\u002Fui) 是一个基于 [shadcn\u002Fui](https:\u002F\u002Fui.shadcn.com\u002F) 构建的全面组件库，旨在帮助您更快地构建现代化 Web 应用程序。\n\n## 概述\n\nCreative Tim UI 提供了预构建、可定制的 React 组件和区块，专为构建美观且可直接投入生产的 Web 应用程序而设计。通过 CLI 工具，您可以轻松地将这些组件添加到您的 Next.js 项目中。\n\n## 安装\n\n您可以直接使用 npx 运行 Creative Tim UI 的 CLI，也可以将其全局安装：\n\n```bash\n# 直接使用（推荐）\nnpx @creative-tim\u002Fui@latest add \u003C组件名>\n\n# 或者使用 shadcn cli\nnpx shadcn@latest add https:\u002F\u002Fcreative-tim.com\u002Fui\u002Fr\u002Fall.json\n```\n\n## 先决条件\n\n在使用 Creative Tim UI 之前，请确保您的 Next.js 项目满足以下要求：\n- **Node.js 18** 或更高版本\n- 项目中已初始化 **shadcn\u002Fui**（运行 `npx shadcn@latest init`）\n- 已配置 **Tailwind CSS**\n\n## 使用方法\n\n### 安装所有组件\n您可以一次性安装所有可用的 Creative Tim UI 组件：\n\n```bash\nnpx @creative-tim\u002Fui@latest add all\n```\n\n该命令会执行以下操作：\n- 如果尚未配置 shadcn\u002Fui，则进行初始化\n- 将所有 Creative Tim UI 组件安装到您配置的组件目录中\n- 向项目中添加必要的依赖项\n\n### 安装特定组件\n您可以通过 `components add` 命令安装单个组件：\n\n```bash\nnpx @creative-tim\u002Fui@latest add \u003C组件名>\n```\n\n示例：\n```bash\n# 安装 orb 组件\nnpx @creative-tim\u002Fui@latest add card\n```\n\n### 替代方案：使用 shadcn CLI\n您也可以使用标准的 shadcn\u002Fui CLI 来安装组件：\n\n```bash\n# 安装所有组件\nnpx shadcn@latest add https:\u002F\u002Fcreative-tim.com\u002Fui\u002Fr\u002Fall.json\n\n# 安装特定组件\nnpx shadcn@latest add https:\u002F\u002Fcreative-tim.com\u002Fui\u002Fr\u002Fbutton.json\n```\n\n所有可用组件都可以在 [这里](https:\u002F\u002Fcreative-tim.com\u002Fui\u002Fdocs\u002Fcomponents) 找到，或者您也可以浏览示例区块列表 [在这里](https:\u002F\u002Fcreative-tim.com\u002Fui\u002Fblocks)。\n\n## 区块\n\n探索我们按类别组织的即用型区块集合。每个区块都完全可定制，只需一条命令即可添加到您的项目中。\n\n### 应用程序 UI\n\n\u003Ctable>\n\u003Ctr>\n\u003Ctd width=\"25%\">\n\u003Ca href=\"https:\u002F\u002Fcreative-tim.com\u002Fui\u002Fblocks\u002Fmodals\">\n\u003Cimg src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fcreativetimofficial_ui_readme_0e5b63cd07ff.jpg\" alt=\"模态框\" \u002F>\n\u003Cbr\u002F>\n\u003Cstrong>模态框\u003C\u002Fstrong>\u003Cbr\u002F>\n\u003Cem>5 个区块\u003C\u002Fem>\n\u003C\u002Fa>\n\u003C\u002Ftd>\n\u003Ctd width=\"25%\">\n\u003Ca href=\"https:\u002F\u002Fcreative-tim.com\u002Fui\u002Fblocks\u002Faccount\">\n\u003Cimg src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fcreativetimofficial_ui_readme_a16165ba4754.jpg\" alt=\"账户页面\" \u002F>\n\u003Cbr\u002F>\n\u003Cstrong>账户页面\u003C\u002Fstrong>\u003Cbr\u002F>\n\u003Cem>7 个区块\u003C\u002Fem>\n\u003C\u002Fa>\n\u003C\u002Ftd>\n\u003Ctd width=\"25%\">\n\u003Ca href=\"https:\u002F\u002Fcreative-tim.com\u002Fui\u002Fblocks\u002Fbilling\">\n\u003Cimg src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fcreativetimofficial_ui_readme_f4b54e0df874.jpg\" alt=\"计费页面\" \u002F>\n\u003Cbr\u002F>\n\u003Cstrong>计费页面\u003C\u002Fstrong>\u003Cbr\u002F>\n\u003Cem>5 个区块\u003C\u002Fem>\n\u003C\u002Fa>\n\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003C\u002Ftable>\n\n### 营销\n\n\u003Ctable>\n\u003Ctr>\n\u003Ctd width=\"25%\">\n\u003Ca href=\"https:\u002F\u002Fcreative-tim.com\u002Fui\u002Fblocks\u002Ftestimonials\">\n\u003Cimg src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fcreativetimofficial_ui_readme_3fffaef6148f.jpg\" alt=\"客户评价区块\" \u002F>\n\u003Cbr\u002F>\n\u003Cstrong>客户评价区块\u003C\u002Fstrong>\u003Cbr\u002F>\n\u003Cem>17 个区块\u003C\u002Fem>\n\u003C\u002Fa>\n\u003C\u002Ftd>\n\u003Ctd width=\"25%\">\n\u003Ca href=\"https:\u002F\u002Fcreative-tim.com\u002Fui\u002Fblocks\u002Fcontact\">\n\u003Cimg src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fcreativetimofficial_ui_readme_68034879748e.jpg\" alt=\"联系我们区块\" \u002F>\n\u003Cbr\u002F>\n\u003Cstrong>联系我们区块\u003C\u002Fstrong>\u003Cbr\u002F>\n\u003Cem>15 个区块\u003C\u002Fem>\n\u003C\u002Fa>\n\u003C\u002Ftd>\n\u003Ctd width=\"25%\">\n\u003Ca href=\"https:\u002F\u002Fcreative-tim.com\u002Fui\u002Fblocks\u002Ffooters\">\n\u003Cimg src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fcreativetimofficial_ui_readme_31729a67aa47.jpg\" alt=\"页脚区块\" \u002F>\n\u003Cbr\u002F>\n\u003Cstrong>页脚区块\u003C\u002Fstrong>\u003Cbr\u002F>\n\u003Cem>16 个区块\u003C\u002Fem>\n\u003C\u002Fa>\n\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd width=\"25%\">\n\u003Ca href=\"https:\u002F\u002Fcreative-tim.com\u002Fui\u002Fblocks\u002Ffaqs\">\n\u003Cimg src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fcreativetimofficial_ui_readme_193d24ab6906.jpg\" alt=\"常见问题区块\" \u002F>\n\u003Cbr\u002F>\n\u003Cstrong>常见问题区块\u003C\u002Fstrong>\u003Cbr\u002F>\n\u003Cem>6 个区块\u003C\u002Fem>\n\u003C\u002Fa>\n\u003C\u002Ftd>\n\u003Ctd width=\"25%\">\n\u003Ca href=\"https:\u002F\u002Fcreative-tim.com\u002Fui\u002Fblocks\u002Fblog\">\n\u003Cimg src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fcreativetimofficial_ui_readme_a5923afc8d26.jpg\" alt=\"博客文章区块\" \u002F>\n\u003Cbr\u002F>\n\u003Cstrong>博客文章区块\u003C\u002Fstrong>\u003Cbr\u002F>\n\u003Cem>15 个区块\u003C\u002Fem>\n\u003C\u002Fa>\n\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003C\u002Ftable>\n\n### 电子商务 UI\n适用于产品列表、购物车和结账流程的即用型区块。\n\n\u003Ctable>\n\u003Ctr>\n\u003Ctd width=\"25%\">\n\u003Ca href=\"https:\u002F\u002Fcreative-tim.com\u002Fui\u002Fblocks\u002Fecommerce\">\n\u003Cimg src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fcreativetimofficial_ui_readme_2b14008ff290.jpg\" alt=\"电子商务区块\" \u002F>\n\u003Cbr\u002F>\n\u003Cstrong>电子商务区块\u003C\u002Fstrong>\u003Cbr\u002F>\n\u003Cem>14 个区块\u003C\u002Fem>\n\u003C\u002Fa>\n\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003C\u002Ftable>\n\n### Web 3.0\n专为去中心化应用、区块链项目和加密货币平台打造的创新区块。\n\n\u003Ctable>\n\u003Ctr>\n\u003Ctd width=\"25%\">\n\u003Ca href=\"https:\u002F\u002Fcreative-tim.com\u002Fui\u002Fblocks\u002Fweb3\">\n\u003Cimg src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fcreativetimofficial_ui_readme_790543ef52b3.jpg\" alt=\"Web 3.0 卡片\" \u002F>\n\u003Cbr\u002F>\n\u003Cstrong>Web 3.0 卡片\u003C\u002Fstrong>\u003Cbr\u002F>\n\u003Cem>5 个区块\u003C\u002Fem>\n\u003C\u002Fa>\n\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003C\u002Ftable>\n\n## 贡献\n\n如果您希望为 Creative Tim UI 做出贡献，请按照以下步骤操作：\n\n1. Fork 本仓库\n2. 创建新分支\n3. 在注册表中对组件进行修改\n4. 向主分支提交 PR\n\n请阅读 [贡献指南](\u002FCONTRIBUTING.md)。\n\n## 版权与许可\n\nCreative Tim UI 基于开源社区的卓越工作构建而成：\n\n- **[shadcn\u002Fui](https:\u002F\u002Fui.shadcn.com\u002F)** - 文档结构、注册表系统以及基础（原子级）组件均源自 shadcn\u002Fui 的开源成果。[MIT 许可证](https:\u002F\u002Fgithub.com\u002Fshadcn-ui\u002Fui\u002Fblob\u002Fmain\u002FLICENSE.md)\n- **[Material Tailwind](https:\u002F\u002Fmaterial-tailwind.com\u002Fv3)** 由 Creative Tim 开发 - 模块和组件设计受到 Material Tailwind 框架的启发并以此为基础。[MIT 许可证](https:\u002F\u002Fgithub.com\u002Fcreativetimofficial\u002Fmaterial-tailwind\u002Fblob\u002Fmain\u002FLICENSE.md)\n- **[Eleven Labs UI](https:\u002F\u002Fgithub.com\u002Felevenlabs\u002Felevenlabs-ui)** - 文档结构及模块化方法的总体灵感来源。[MIT 许可证](https:\u002F\u002Fgithub.com\u002Felevenlabs\u002Fui\u002Fblob\u002Fmain\u002FLICENSE.md)\n- **[Geist Font](https:\u002F\u002Fvercel.com\u002Ffont)** 由 Vercel 提供 - 整个界面中使用的精美字体。[SIL 开源字体许可证 1.1](https:\u002F\u002Fgithub.com\u002Fvercel\u002Fgeist-font\u002Fblob\u002Fmain\u002FLICENSE.txt)\n\n我们感谢这些项目以开源许可证开放其成果。\n\n## 许可证\n\n根据 [MIT 许可证](https:\u002F\u002Fgithub.com\u002Fcreativetimofficial\u002Fui\u002Fblob\u002Fmain\u002FLICENSE.md)授权。\n\n由 [Creative Tim](https:\u002F\u002Fcreative-tim.com) 精心打造。","# Creative Tim UI 快速上手指南\n\nCreative Tim UI 是一个基于 [shadcn\u002Fui](https:\u002F\u002Fui.shadcn.com\u002F) 构建的综合组件库，旨在帮助开发者快速构建现代化的 Web 应用。它提供了大量可定制的 React 组件和页面区块（Blocks）。\n\n## 环境准备\n\n在开始之前，请确保你的开发环境满足以下要求：\n\n*   **Node.js**: 版本 18 或更高。\n*   **框架**: 已初始化的 Next.js 项目。\n*   **前置依赖**:\n    *   项目中必须已初始化 **shadcn\u002Fui** (`npx shadcn@latest init`)。\n    *   已配置 **Tailwind CSS**。\n\n## 安装步骤\n\n你可以直接使用 `npx` 运行 CLI 工具，无需全局安装。\n\n### 方式一：使用 Creative Tim 专用 CLI（推荐）\n\n这是最便捷的方式，会自动处理依赖和配置。\n\n**安装所有组件：**\n```bash\nnpx @creative-tim\u002Fui@latest add all\n```\n\n**安装指定组件：**\n将 `\u003Ccomponent-name>` 替换为你需要的组件名称（例如 `card`, `button`）。\n```bash\nnpx @creative-tim\u002Fui@latest add \u003Ccomponent-name>\n```\n\n### 方式二：使用 shadcn CLI\n\n如果你习惯使用标准的 shadcn 命令，也可以通过 URL 直接添加：\n\n**安装所有组件：**\n```bash\nnpx shadcn@latest add https:\u002F\u002Fcreative-tim.com\u002Fui\u002Fr\u002Fall.json\n```\n\n**安装指定组件：**\n```bash\nnpx shadcn@latest add https:\u002F\u002Fcreative-tim.com\u002Fui\u002Fr\u002Fbutton.json\n```\n\n## 基本使用\n\n安装完成后，组件文件会被添加到你的项目目录中（通常在 `components` 文件夹下），你可以像使用本地组件一样直接导入和使用。\n\n### 示例：使用 Card 组件\n\n1.  **安装组件**：\n    ```bash\n    npx @creative-tim\u002Fui@latest add card\n    ```\n\n2.  **在代码中引入**：\n    在你的 React 组件文件中导入并使用：\n    ```tsx\n    import { Card, CardHeader, CardTitle, CardContent } from \"@\u002Fcomponents\u002Fui\u002Fcard\";\n\n    export default function MyPage() {\n      return (\n        \u003CCard>\n          \u003CCardHeader>\n            \u003CCardTitle>欢迎使用 Creative Tim UI\u003C\u002FCardTitle>\n          \u003C\u002FCardHeader>\n          \u003CCardContent>\n            \u003Cp>这是一个快速上手的示例卡片。\u003C\u002Fp>\n          \u003C\u002FCardContent>\n        \u003C\u002FCard>\n      );\n    }\n    ```\n\n### 使用页面区块 (Blocks)\n\n除了基础组件，你还可以直接复用完整的页面区块（如导航栏、定价表、页脚等）。访问 [官方文档](https:\u002F\u002Fcreative-tim.com\u002Fui\u002Fblocks) 浏览分类（应用界面、营销页面、电商 UI 等），找到心仪的区块后，复制其安装命令即可一键集成到项目中。","某初创团队正在紧急开发一款 SaaS 产品的用户中心，需要在两天内完成账户管理、账单支付及模态框交互等核心界面的构建。\n\n### 没有 ui 时\n- 开发人员需从零编写基础组件代码，并手动调整 Tailwind CSS 类名以匹配设计稿，耗时且易出错。\n- 复杂的业务区块（如账单详情页）缺乏现成参考，团队需反复讨论布局逻辑，严重拖慢开发进度。\n- 不同成员编写的组件风格不统一，导致最终界面视觉效果割裂，后期需要大量时间进行 UI 重构。\n- 每次新增功能都要重复造轮子，无法复用已有代码块，导致项目代码库臃肿且维护困难。\n\n### 使用 ui 后\n- 通过 `npx @creative-tim\u002Fui@latest add` 命令一键导入预制的账户、账单及模态框组件，直接获得生产级代码。\n- 直接调用官方提供的 17+ 种营销区块和各类应用 UI 模块，将原本数天的布局工作缩短至几小时。\n- 所有组件基于 shadcn\u002Fui 深度定制，确保全站视觉风格高度一致，无需额外投入精力进行样式对齐。\n- 借助 CLI 工具灵活按需安装特定组件，既保持了项目轻量化，又实现了代码的高效复用与维护。\n\nui 通过将高质量的预制组件和区块无缝集成到开发工作流中，帮助团队在极短时间内交付了美观且统一的现代化 Web 应用。","https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fcreativetimofficial_ui_3d324c76.png","creativetimofficial","Creative Tim","https:\u002F\u002Foss.gittoolsai.com\u002Favatars\u002Fcreativetimofficial_7c269076.jpg","",null,"hello@creative-tim.com","creativetim","https:\u002F\u002Fwww.creative-tim.com","https:\u002F\u002Fgithub.com\u002Fcreativetimofficial",[82,86,90,94],{"name":83,"color":84,"percentage":85},"TypeScript","#3178c6",95.9,{"name":87,"color":88,"percentage":89},"MDX","#fcb32c",1.6,{"name":91,"color":92,"percentage":93},"CSS","#663399",1.5,{"name":95,"color":96,"percentage":97},"JavaScript","#f1e05a",1.1,11802,4847,"2026-04-06T20:59:11","MIT","未说明","不需要",{"notes":105,"python":103,"dependencies":106},"这是一个基于 React 和 Next.js 的前端 UI 组件库，非 AI 模型工具。运行前需确保项目已初始化 shadcn\u002Fui 并配置好 Tailwind CSS。通过 npx 命令行工具安装组件，无需 GPU 或 Python 环境。",[107,108,109,110,111],"Node.js >= 18","Next.js","shadcn\u002Fui","Tailwind CSS","React",[14],[114,115,116,117,118,119,120,121,122,123],"creative-tim","admin","blocks","eleven-labs","shadcn","shadcn-ui","ui-blocks","vercel-deployment","creative-tim-blocks","creative-tim-ui","2026-03-27T02:49:30.150509","2026-04-07T22:49:56.790368",[127,132,137,142,147,152],{"id":128,"question_zh":129,"answer_zh":130,"source_url":131},23150,"在 RTL（从右向左）页面中出现无限水平滚动条怎么办？","这个问题通常出现在更新浏览器后。一个临时的解决方法是移除完美滚动条插件脚本：`\u003Cscript src=\"..\u002Fassets\u002Fjs\u002Fplugins\u002Fperfect-scrollbar.jquery.min.js\">\u003C\u002Fscript>`。移除后滚动问题通常会解决，但请注意这可能会影响其他滚动行为。","https:\u002F\u002Fgithub.com\u002Fcreativetimofficial\u002Fui\u002Fissues\u002F82",{"id":133,"question_zh":134,"answer_zh":135,"source_url":136},23151,"为什么在多标签页（Tabs）中，只有第一个标签页的图表能显示，其他标签页的图表宽度为 0？","这是因为图表初始化时隐藏标签页的宽度为 0。如果您使用的是 Bootstrap 4 版本，请注意官方文档中关于 Tabs 事件的代码示例可能仅适用于 Bootstrap 3。对于 Angular 版本的用户，建议在对应的 Angular 仓库（如 material-dashboard-angular2）中寻求特定于框架的解决方案，通常需要在标签页激活事件中触发图表的重绘或更新。","https:\u002F\u002Fgithub.com\u002Fcreativetimofficial\u002Fui\u002Fissues\u002F29",{"id":138,"question_zh":139,"answer_zh":140,"source_url":141},23152,"在 Safari 15.1 (macOS) 中按钮样式异常或下拉框箭头消失如何解决？","这是 Safari 浏览器的兼容性问题。作为临时解决方案，您可以添加以下 CSS 代码来修复按钮样式：`.btn-primary, .btn.bg-gradient-primary { -webkit-appearance: none; }`。对于下拉框 (`\u003Cselect>`) 箭头消失的问题，可能需要调整 `.form-control` 中的 `-webkit-appearance` 属性，但需注意不同浏览器对该属性的支持差异，维护者表示将在后续产品更新中修复此问题。","https:\u002F\u002Fgithub.com\u002Fcreativetimofficial\u002Fui\u002Fissues\u002F177",{"id":143,"question_zh":144,"answer_zh":145,"source_url":146},23153,"编译 SASS 时报错 \"Failed to Compile\" 且提示需要安装 node-sass 怎么办？","错误信息明确指出缺少 `node-sass` 依赖。请在您的项目工作目录中运行以下命令之一进行安装：`npm install node-sass` 或 `yarn add node-sass`。此外，请确保您是在正确的项目仓库（如 material-dashboard-react 或 argon-dashboard-react）中提交问题，不同技术栈的项目依赖可能不同。","https:\u002F\u002Fgithub.com\u002Fcreativetimofficial\u002Fui\u002Fissues\u002F120",{"id":148,"question_zh":149,"answer_zh":150,"source_url":151},23154,"如何在导航栏（Navbar）中实现多级下拉菜单（Multi-level dropdown）？","免费的 Material Dashboard 版本不支持多级下拉菜单功能。该功能是 PRO（专业版）产品的特性。如果您需要使用多级下拉菜单，需要购买并使用 Material Dashboard Pro 版本。","https:\u002F\u002Fgithub.com\u002Fcreativetimofficial\u002Fui\u002Fissues\u002F104",{"id":153,"question_zh":154,"answer_zh":155,"source_url":156},23155,"在 Asp.Net MVC 5 项目中集成 Material Dashboard Angular 时出现 \"$ is not defined\" 错误如何解决？","该错误表明 jQuery ($) 未被正确加载或在组件初始化前未定义。在 Angular 项目中集成时，请确保在 `angular.json` 的 scripts 数组中正确引入了 jQuery，或者在 `index.html` 中通过 `\u003Cscript>` 标签引入，并保证其在 Angular 应用启动之前加载。同时，检查 `home.component.ts` 中是否在 `ngOnInit` 生命周期钩子中过早调用了依赖 $ 的代码。","https:\u002F\u002Fgithub.com\u002Fcreativetimofficial\u002Fui\u002Fissues\u002F50",[158,163,167,171,175,179,183,187,191],{"id":159,"version":160,"summary_zh":161,"released_at":162},136846,"v3.2.0","## [3.2.0] 2024-10-22\n\n### 更新与改进\n- 将 Bootstrap 升级至 v5.3.3\n- 所有插件均已更新至最新版本","2024-10-25T12:08:05",{"id":164,"version":165,"summary_zh":76,"released_at":166},136847,"v3.1.0","2023-05-04T07:47:28",{"id":168,"version":169,"summary_zh":76,"released_at":170},136848,"v3.0.5","2022-10-10T14:41:21",{"id":172,"version":173,"summary_zh":76,"released_at":174},136849,"v3.0.4","2022-06-15T11:57:06",{"id":176,"version":177,"summary_zh":76,"released_at":178},136850,"v3.0.3","2022-06-08T12:45:53",{"id":180,"version":181,"summary_zh":76,"released_at":182},136851,"v3.0.2","2022-03-25T09:06:55",{"id":184,"version":185,"summary_zh":76,"released_at":186},136852,"v3.0.1","2022-03-07T14:38:08",{"id":188,"version":189,"summary_zh":76,"released_at":190},136853,"v3.0.0","2021-10-19T13:36:57",{"id":192,"version":193,"summary_zh":194,"released_at":195},136854,"v2.1.0","# 修复 bug\n- 修复了 Windows 上的卡片图表\n- 修复了响应式设备上的 bug\n- 对组件进行了小幅调整","2018-07-03T08:33:35"]