10 Vibe Coded Projects You Can Build and Sell This Weekend
Why This Weekend?
AI coding tools like Claude Code and Cursor have collapsed the time it takes to build a polished, sellable project from weeks to hours. A weekend is now genuinely enough time to go from idea to a listed product earning passive income on CodeCudos.
The constraint isn't time — it's knowing what to build. Here are 10 projects with real buyers, real prices, and exactly how to start each one.
---
What Makes a Project Sellable
Before the list: a sellable project has three things.
None of these require months of work. They require intentional building.
---
The 10 Projects
1. Next.js SaaS Starter with Auth + Stripe
Who buys it: Indie hackers and founders starting a SaaS product. They need auth and billing, they don't want to spend 3 weeks on boilerplate.
Suggested price: $79–$149
What to include:
.env.example with all required keysStarter prompt for Claude Code:
Build a Next.js 14 SaaS boilerplate with:
- App Router, TypeScript, Tailwind CSS, shadcn/ui
- NextAuth (Google, GitHub, credentials)
- Stripe subscriptions (free/pro tiers)
- Prisma + PostgreSQL (users, accounts, subscriptions tables)
- Dashboard layout with responsive sidebar
- User profile and billing settings pages
- Rate limiting middleware
- .env.example, README with setup steps, ESLint + PrettierQuality boost before publishing:
Add tests for the auth flow, write a comprehensive README,
run npm audit and fix any vulnerabilities, check for console.logs---
2. React Dashboard UI Kit (30+ Components)
Who buys it: Developers building internal tools, admin panels, or analytics dashboards. They want polished components without designing from scratch.
Suggested price: $49–$99
What to include:
Starter prompt:
Build a React dashboard UI kit using TypeScript and Tailwind CSS.
Include: stat cards, area chart, data table with sort/filter/pagination,
sidebar nav, KPI cards with trend arrows, skeleton loaders, empty states.
Add dark mode, full TypeScript types, Storybook stories for each component.
Export as a proper npm package with barrel exports.---
3. Landing Page Template Pack (5 Variants)
Who buys it: Founders, freelancers, and agencies who need a professional landing page fast. Five variants makes it 5x the value of one.
Suggested price: $39–$79
What to include:
Starter prompt:
Build 5 Next.js landing page templates using Tailwind CSS and Framer Motion.
Variants: SaaS product, portfolio, agency, coming-soon, mobile app.
Each includes: hero, features grid, testimonials, pricing/CTA, FAQ accordion, footer.
Mobile-responsive, dark mode support, smooth scroll animations, contact form with validation.---
4. AI Chatbot UI Starter
Who buys it: Developers building AI-powered products who need a polished chat interface without building from scratch.
Suggested price: $29–$59
What to include:
Starter prompt:
Build a Next.js AI chat interface with TypeScript and Tailwind CSS.
Include: streaming chat UI (SSE), markdown + code block rendering with syntax highlighting,
conversation sidebar with history, model selector, system prompt panel.
Connect to OpenAI API. Mobile-responsive, clean modern design.Note: This sells consistently because every AI wrapper app needs this UI.
---
5. Tailwind CSS Component Library (shadcn-compatible)
Who buys it: Developers who use shadcn/ui but want additional components not in the default library.
Suggested price: $19–$49
What to include:
Starter prompt:
Build a set of React components in the shadcn/ui style using TypeScript, Tailwind CSS,
and Radix UI primitives. Components: kanban board (react-dnd), multi-step form wizard,
rich text editor (Tiptap), color picker, date range picker, file upload with preview,
infinite scroll list, toast system. Full TypeScript types, accessible, dark mode support.---
6. Next.js E-Commerce Starter
Who buys it: Developers building small online stores or exploring headless commerce. They want the core infrastructure without starting from zero.
Suggested price: $99–$199
What to include:
Starter prompt:
Build a Next.js 14 e-commerce starter with TypeScript and Tailwind CSS.
Include: product listing with filter/sort/search, product detail with image gallery,
cart (Zustand + localStorage), Stripe Checkout, order confirmation with email (Resend),
markdown product CMS, SEO meta + OG tags for each product page.---
7. Developer Portfolio Template
Who buys it: Junior and mid-level developers who need a polished portfolio but don't want to design one.
Suggested price: $19–$39
What to include:
config.ts fileStarter prompt:
Build a Next.js developer portfolio with TypeScript and Tailwind CSS.
Include: hero with typing animation, about, skills grid, projects showcase,
MDX blog, contact form (Resend). All content configurable in a single config.ts file.
Dynamic OG image generation for blog posts. Deploy-ready for Vercel.This is a high-volume category — every developer needs a portfolio. Price lower but volume makes up for it.
---
8. Multi-Tenant SaaS Admin Dashboard
Who buys it: Teams building B2B SaaS products who need a complete admin panel for user management and analytics.
Suggested price: $149–$299
What to include:
Starter prompt:
Build a Next.js multi-tenant admin dashboard with TypeScript, Tailwind, Prisma, PostgreSQL.
Include: organizations with invite-based member management, RBAC (admin/editor/viewer),
user management table, usage charts (Recharts), audit log feed, Stripe Customer Portal link,
team settings. Protected by NextAuth with org-scoped middleware.---
9. Notion-Style Block Editor
Who buys it: Developers building note-taking apps, wikis, or documentation tools who need a rich text editor beyond basic markdown.
Suggested price: $49–$99
What to include:
Starter prompt:
Build a Notion-style block editor in React with TypeScript using Tiptap or ProseMirror.
Include: slash command menu to insert block types (text, headings, lists, code, quote, image),
drag-to-reorder blocks, inline formatting toolbar, keyboard shortcuts, auto-save to localStorage.
Clean minimal design, dark mode support, TypeScript types for all block structures.---
10. API Documentation Site Generator
Who buys it: Dev tools companies, open-source maintainers, and API vendors who need beautiful docs.
Suggested price: $39–$79
What to include:
Starter prompt:
Build a Next.js API documentation site generator with TypeScript and Tailwind CSS.
Parse an OpenAPI 3.0 JSON spec and render: endpoint list with method badges,
request/response schemas, interactive curl-style request tester,
code examples in JS/Python/cURL, full-text search (Fuse.js), version selector.
MDX support for custom guide pages alongside auto-generated reference.---
How to Go from Prompt to Published in a Weekend
Saturday Morning: Build
mkdir my-project && cd my-project
git init
claudePaste your starter prompt. Let Claude Code run. Iterate until it works.
Saturday Afternoon: Polish
> Review the project and suggest improvements for production readiness
> Add comprehensive README with setup steps and feature list
> Add ESLint, Prettier, and fix all warnings
> Make sure the build passes cleanlySaturday Evening: Test
Run locally. Take 3–5 screenshots of different states (homepage, dark mode, mobile, key feature). These screenshots directly impact your conversion rate.
Sunday: List and Publish
CodeCudos auto-scores your repo for quality. A score of B or above gets you placement in search results and browse pages.
---
Pricing Quick Reference
| Project Type | Weekend Build Time | Suggested Price |
|---|---|---|
| SaaS Starter (auth + billing) | 6–10 hours | $99–$149 |
| Dashboard UI Kit (30+ components) | 8–12 hours | $49–$99 |
| Landing Page Pack (5 variants) | 4–6 hours | $39–$79 |
| AI Chat UI Starter | 3–5 hours | $29–$59 |
| Component Library (Tailwind) | 5–8 hours | $19–$49 |
| E-Commerce Starter | 8–12 hours | $99–$199 |
| Portfolio Template | 2–4 hours | $19–$39 |
| Multi-Tenant Admin | 10–14 hours | $149–$299 |
| Block Editor | 6–10 hours | $49–$99 |
| API Docs Generator | 5–8 hours | $39–$79 |
---
The Compounding Effect
Your first project earns the least. Your second earns more — you already have reviews, a seller profile, and you know what quality looks like. By the third and fourth, you have buyers returning for more.
Start this weekend. Ship one project. The hardest part is the first listing.
Browse what's already selling on CodeCudos to spot gaps, then build to fill them.