专为设计工程师打造的组件。使用 Tailwind CSS 进行设计,完全兼容 Shadcn,易于集成 – 只需复制粘贴即可。MIT
Accessible and customizable components that you can copy and paste into your apps. Free. Open Source. Use this to build your own component library.
Live interactive previews. Copy and paste what you need. Install with shadcn, download as a Next.js app, or open in v0.
| Preview | Pattern | Description |
|---|---|---|
| Competitor Research Agent | Enter a competitor URL for comprehensive competitive intelligence. Uses Firecrawl Map + Parallel Scrape for fast extraction. Analyzes positioning, pricing, features, tech stack, and generates sales battle cards. | |
| Data Analysis Agent | Upload CSV or JSON data and get AI-powered analysis with interactive visualizations. Detect patterns, correlations, outliers, and generate insights with confidence scores. | |
| Accessibility Audit Agent | Audit any website for WCAG 2.1 accessibility compliance using Firecrawl, then use AI tools to analyze issues by severity, check color contrast, validate heading structure, and generate alt text. | |
| Table Editor Artifact | Spreadsheet editor with AI chat for data analysis and manipulation. Edit tables through conversation. | |
| Branding Agent | Extract brand design systems from any website using Firecrawl, then use AI tools to export tokens, generate color palettes, check accessibility, and analyze brand personality. | |
| Chart Generation Artifact | Generate burn rate charts and financial analysis through AI chat. Creates interactive visualizations from conversation. |
| Preview | Template | Description | Stack |
|---|---|---|---|
| Ecommerce Multi-Agent | Full-featured ecommerce AI assistant with multi-agent orchestration, product browsing, shopping cart management, and real-time artifact streaming. | nextjs ai-sdk-tools typescript tailwind zustand framer-motion |
|
| AI SDK Agent Platform | Build and deploy RAG agents: create, configure, and deploy AI agents with custom knowledge bases. Upload documents, scrape websites, and build vector embeddings with pgvector. | nextjs workflow dev kit better-auth drizzle postgresql stripe |
|
| Sub Agent Starter | Hyper minimal sub agent template featuring multi-agent orchestration, tool usage, and artifact streaming with AI SDK Tools. | nextjs ai-sdk-tools typescript tailwind shadcn |
|
| Multi Tenant Better Auth Chat | Full-featured ChatGPT-style SaaS chat app with multi-tenant organizations, team roles, artifact management, resumable streaming, and persistent conversation history. | nextjs tailwind stripe drizzle resend better-auth |
Premium full-stack blocks and marketing patterns. Copy and paste into your project.
| Block | Description | Dependencies |
|---|---|---|
| Gemini Flash Image Editor | Generate and edit images using Google's Gemini 2.5 Flash. Create new images from text or edit existing ones with natural language. Includes version history and image comparison. | ai lucide-react @upstash/ratelimit |
| Agent - Multi-Step Tool Pattern | AI agent that uses multiple tools in sequence. Includes web search, news search, analysis, and decision making with type safety. | @ai-sdk/react ai @ai-sdk/openai zod |
| Agent - Evaluator-Optimizer | AI agent that improves content quality through evaluation and optimization. Uses specialized tools to assess quality and fix issues automatically. | @ai-sdk/react ai @ai-sdk/openai zod |
| Agent - Orchestrator Pattern | AI agent that manages complex projects by coordinating specialized workers. Handles task assignment and tracks deliverables. | @ai-sdk/react ai zod |
| Agent - Routing Pattern | Routes user requests to specialized AI agents. Uses AI SDK v5 streaming to classify requests and send them to the right agent for customer support. | ai zod @upstash/ratelimit |
| Gemini Flash Text | Generates text and analyzes market research using Google's Gemini 2.5 Flash. Includes interactive charts and data visualization. | @ai-sdk/google ai zod recharts |
Production-ready starter templates with authentication, payments, databases, and AI integrations. Ship faster with complete codebases.
| Preview | Template | Description | Stack |
|---|---|---|---|
| Logo GPT | AI-powered logo generation platform with Dalle integration, token-based currency system, and secure image storage using Supabase. | nextjs tailwind openai supabase |
|
| Directory | Automated directory platform with AI enrichment, and web scraping pipeline for rapid deployment of SEO-optimized listings. | nextjs tailwind claudeAI supabase web-scrapers |
|
| Travel Stash | Progressive web app for travel planning with offline capabilities, Claude AI integration, and real-time data synchronization across devices. | nextjs tailwind claudeAI pwa |
|
| Landing Page | Modern landing page template featuring Framer Motion animations, custom navigation components, and responsive design optimized for conversions. | nextjs tailwind |
|
| Cult SEO | Comprehensive SEO analysis tool with web crawling, performance testing, and AI-powered optimization recs for website improvement. | nextjs tailwind claudeAI web-scrapers |
|
| Manifest | Vector embedding solution for building Perplexity-style AI applications with RAG retrieval, real-time source citations, and pgvector search functionality. | nextjs tailwind supabase openai |
Visit https://cult-ui.com/docs to view the documentation.
Please read the contributing guide.
Licensed under the MIT license.
暂无开放 Issues，或尚未同步最近议题。