@nolansym：免费开源的 Shadcn 组件

X AI KOLs Timeline 工具
open-source shadcn ai-agents ui-components nextjs

摘要

cult-ui 发布了 92+ 开源 AI 代理 UI 模式和全栈 Next.js 模板，用于借助 shadcn 构建可复制的组件库。

免费开源的 Shadcn 组件
查看原文 导出为 Word 导出为 PDF
查看缓存全文

缓存时间: 2026/04/21 12:07

nolly-studio/cult-ui

来源：https://github.com/nolly-studio/cult-ui

cult/ui

可访问、可定制的组件，复制粘贴即可使用。完全免费，开源。
用它搭建你自己的组件库。

hero

AI SDK AGENTS

92+ AI Agent 模式

实时交互预览，按需复制粘贴。
可通过 shadcn 安装，也可下载为 Next.js 应用，或直接打开 v0。

精选模式

预览模式说明
竞品研究 Agent (https://aisdkagents.com/directory/examples/research-agents/example-agent-competitor)输入竞品 URL，获得全面竞争情报。使用 Firecrawl Map + 并行抓取快速提取信息，分析定位、定价、功能、技术栈，并生成销售战卡。
数据分析 Agent (https://aisdkagents.com/directory/examples/analytics-agents/example-agent-data-analysis)上传 CSV 或 JSON，获得 AI 驱动的分析与交互式可视化。自动发现模式、相关性、异常值，并给出带置信度的洞察。
无障碍审计 Agent (https://aisdkagents.com/directory/examples/audit-agents/example-agent-a11y-audit)使用 Firecrawl 审计任意网站的 WCAG 2.1 合规性，再用 AI 按严重度分析、检查色彩对比度、验证标题结构、生成 alt 文本。
表格编辑器 Artifact (https://aisdkagents.com/directory/artifacts/interactive-artifacts/ai-artifact-table)带 AI 对话的在线表格编辑器，通过聊天即可编辑表格。
品牌设计 Agent (https://aisdkagents.com/directory/examples/design-agents/example-agent-branding)用 Firecrawl 提取任意网站的品牌设计体系，再用 AI 导出 token、生成调色板、检查无障碍性、分析品牌个性。
图表生成 Artifact (https://aisdkagents.com/directory/artifacts/static-artifacts/ai-artifact-chart)通过 AI 对话生成烧钱曲线等财务图表，实时生成交互式可视化。

4 个全栈 Agent 模板

预览模板说明技术栈
电商多 Agent (https://aisdkagents.com/templates/ecommerce-sub-agent-template)功能齐全的电商 AI 助手，支持多 Agent 编排、商品浏览、购物车管理与实时 Artifact 流。nextjs ai-sdk-tools typescript tailwind zustand framer-motion
AI SDK Agent 平台 (https://aisdkagents.com/templates/ai-agent-platform)构建并部署 RAG Agent：创建、配置、上线带自定义知识库的 AI Agent。可上传文档、抓取网站、用 pgvector 构建向量索引。nextjs workflow dev kit better-auth drizzle postgresql stripe
Sub Agent 起步模板 (https://aisdkagents.com/templates/sub-agent-starter)极简 Sub Agent 模板，内置多 Agent 编排、工具调用与 AI SDK Tools 的 Artifact 流。nextjs ai-sdk-tools typescript tailwind shadcn
多租户 Better Auth 聊天 (https://aisdkagents.com/templates/better-auth-postgres)类 ChatGPT 的 SaaS 聊天应用，支持多租户组织、团队角色、Artifact 管理、可恢复流式输出与持久化对话历史。nextjs tailwind stripe drizzle resend better-auth

浏览全部 92 种模式 (https://aisdkagents.com/directory)

CULT PRO

高级 Cult 区块

付费全栈区块与营销模式，复制粘贴即可集成。

区块说明依赖
Gemini Flash 图像编辑器 (https://pro.cult-ui.com/blocks/ai-sdk-gemini-flash-image-edit)使用 Google Gemini 2.5 Flash 生成与编辑图像。支持文生图或自然语言编辑，含版本历史与对比功能。ai lucide-react @upstash/ratelimit
Agent – 多步工具模式 (https://pro.cult-ui.com/blocks/ai-chat-agent-multi-step-tool-pattern)按顺序调用多种工具的 AI Agent，集成网页搜索、新闻搜索、分析与决策，完全类型安全。@ai-sdk/react ai @ai-sdk/openai zod
Agent – 评估-优化器 (https://pro.cult-ui.com/blocks/ai-chat-agent-evaluator-optimizer-pattern)通过评估与优化循环提升内容质量的 AI Agent，自动检测问题并修复。@ai-sdk/react ai @ai-sdk/openai zod
Agent – 编排器模式 (https://pro.cult-ui.com/blocks/ai-chat-agent-orchestrater-pattern)管理复杂项目的 AI Agent，可协调专业 Worker，负责任务分配与交付追踪。@ai-sdk/react ai zod
Agent – 路由模式 (https://pro.cult-ui.com/blocks/ai-chat-agent-routing-pattern)将用户请求路由至专业 AI Agent，使用 AI SDK v5 流式输出进行分类，适用于客户支持。ai zod @upstash/ratelimit
Gemini Flash 文本 (https://pro.cult-ui.com/blocks/ai-sdk-gemini-flash-text)使用 Google Gemini 2.5 Flash 生成文本并进行市场研究，含交互式图表与数据可视化。@ai-sdk/google ai zod recharts

浏览全部区块 (https://pro.cult-ui.com)

模板

6 款起步模板

生产就绪的完整代码库，内置登录、支付、数据库与 AI 集成，助你极速上线。

预览模板说明技术栈
Logo GPT (https://pro.cult-ui.com/templates/logo-gpt-template)AI 驱动的 Logo 生成平台，集成 Dalle、代币计费与 Supabase 安全图床。nextjs tailwind openai supabase
Directory (https://pro.cult-ui.com/templates/cult-directory-template)自动化目录平台，AI 增强与网页抓取管道，快速部署 SEO 友好列表页。nextjs tailwind claudeAI supabase web-scrapers
Travel Stash (https://pro.cult-ui.com/templates/cult-offline-travel-stash)旅行规划 PWA，支持离线、Claude AI 集成与跨设备实时同步。nextjs tailwind claudeAI pwa
Landing Page (https://pro.cult-ui.com/templates/cult-landing-page)现代落地页模板，含 Framer Motion 动画、自定义导航与转化优化响应式设计。nextjs tailwind
Cult SEO (https://pro.cult-ui.com/templates/cult-seo)全功能 SEO 分析工具，可爬站、测速并用 AI 给出优化建议。nextjs tailwind claudeAI web-scrapers
Manifest (https://pro.cult-ui.com/templates/manifest)向量嵌入方案，用于构建 Perplexity 风格 AI 应用，支持 RAG 检索、实时引用与 pgvector 搜索。nextjs tailwind supabase openai

浏览全部模板 (https://pro.cult-ui.com/templates)

更多好物

  • 免费 AI 营销 (https://www.newcopy.ai) — 了解你品牌的 AI 联合创始人，生成高转化营销文案。
  • 免费 SEO 改进工具 (https://cleanmyseo.com) — 快速评估网站 SEO 表现，含 Open Graph 预览。
  • 全栈 Shadcn 模板 (https://www.newcult.co) — 基于 Next.js + Supabase 的完整模板，集成 Tailwind CSS、Cult 组件与 shadcn。

文档

访问 https://cult-ui.com/docs 查看文档。

贡献

请阅读贡献指南。

许可证

MIT 许可证 (https://github.com/Jordan-Gilliam/ui/blob/main/LICENSE.md)。

相似文章

@yaohui12138: 卧槽！本以为claude design已是最强，没想到这个项目也这么好用啊 周六晚上，朋友做的一个 SaaS 后台 UI AI味太重，丑到客户发了个「呵呵」..... 我直接用一个 GitHub 项目1小时帮他重做完。其实就是一个叫 DE…

X AI KOLs Timeline

The article introduces 'awesome-design-md', an open-source collection of DESIGN.md files that reverse-engineer the design systems of major tech companies. It allows developers to use AI coding agents like Claude or Cursor to generate UI with specific brand styles by simply adding a markdown file to their project.