50 Vibe Coding Project Ideas for Beginners, Intermediates, and Pros

You have the tools. Cursor is open. Copilot is humming. You sit down ready to build something... and then nothing. You stare at the blinking cursor for twenty minutes trying to figure out what to build.

Sound familiar? You are not alone.

Vibe coding — the practice of building software with heavy AI assistance, a term coined by Andrej Karpathy — has made it faster than ever to go from idea to working prototype. Tools like Cursor, Bolt, Replit, and GitHub Copilot let you describe what you want in plain English and watch the code materialize in front of you. The bottleneck is no longer how to build. It is what to build.

That is why we put together this massive list of 50 project ideas, organized by skill level and category. Whether you are a total beginner looking for a weekend win, an intermediate developer ready to flex on a two-week sprint, or an advanced builder chasing a portfolio-defining project, there is something here for you.

Every idea on this list is practical, buildable with current AI coding tools, and designed to teach you something valuable. No theoretical fluff. No "build a blockchain" throwaway lines. Just real projects you can actually ship.

Want something more personalized? Vibe Code Vibes uses AI to generate custom project ideas based on your skills, interests, and available time. But if you just want to browse and get inspired, keep scrolling.

---

Beginner Projects (1-2 Days)

These are perfect first vibe coding projects. Each one can be completed in a weekend (or even a single evening) and will give you a finished, deployable app you can actually show people. The goal here is to build momentum and get comfortable with the AI-assisted workflow.

Productivity

1. Pomodoro Flow Timer

A clean, minimal Pomodoro timer with customizable work and break intervals, ambient sound options, and a daily session counter. Add a streak tracker to keep yourself motivated.

• Tech stack: Next.js + Tailwind CSS
• Estimated build time: 3-5 hours

2. Daily Standup Journal

A simple journaling app where you answer three questions every day: what you did yesterday, what you are doing today, and what is blocking you. Stores entries locally and lets you scroll through past days.

• Tech stack: React + localStorage
• Estimated build time: 4-6 hours

3. Bookmark Dashboard

A personal start page that replaces your browser's new tab with a grid of your most-used links, organized by category. Add a search bar that filters across all bookmarks and an option to import/export as JSON.

• Tech stack: HTML + CSS + vanilla JavaScript
• Estimated build time: 3-4 hours

Creative

4. Mood Palette Generator

Type in a mood or emotion ("rainy Sunday morning," "electric nightlife") and the app generates a five-color palette with hex codes, plus CSS and Tailwind class exports you can copy with one click.

• Tech stack: Next.js + OpenAI API
• Estimated build time: 4-6 hours

5. Quote of the Day Widget

A beautiful, shareable quote card generator. It pulls from a curated quote API, applies random typography and gradient backgrounds, and lets users download the card as a PNG or share it on social media.

• Tech stack: React + html2canvas
• Estimated build time: 3-5 hours

6. ASCII Art Generator

Upload any image and convert it to ASCII art in real time. Add controls for character density, width, and whether to use color ANSI output. Let users copy the result or download it as a text file.

• Tech stack: Next.js + canvas API
• Estimated build time: 5-7 hours

Business

7. Tip Calculator Pro

A tip calculator that goes beyond basic math. It handles split bills among friends, supports custom tip percentages, remembers recent calculations, and shows per-person breakdowns including tax.

• Tech stack: React + Tailwind CSS
• Estimated build time: 2-3 hours

8. Invoice Snapshot

A single-page invoice generator. Fill in your business name, client details, line items, and tax rate, then export a clean PDF. No account needed, no server required — everything runs in the browser.

• Tech stack: Next.js + react-pdf
• Estimated build time: 5-7 hours

Developer Tools

9. README Generator

Paste in your project's file structure or package.json and get a well-formatted README.md with sections for installation, usage, features, and contributing guidelines. One click to copy to clipboard.

• Tech stack: Next.js + OpenAI API
• Estimated build time: 4-5 hours

10. JSON Formatter and Validator

A web-based tool that takes messy JSON, validates it, pretty-prints it with syntax highlighting, and shows a collapsible tree view. Add options to minify, sort keys, and compare two JSON blobs side by side.

• Tech stack: React + Monaco Editor
• Estimated build time: 5-7 hours

11. Regex Playground

A regex testing tool where you type a pattern and test string, and matches are highlighted in real time. Include a cheat sheet sidebar with common patterns and explanations for each regex token.

• Tech stack: Next.js + Tailwind CSS
• Estimated build time: 4-6 hours

AI-Powered

12. Explain This Code

Paste in any code snippet, pick a language, and get a plain-English explanation broken down line by line. Great for learning unfamiliar codebases or understanding legacy code.

• Tech stack: Next.js + OpenAI API
• Estimated build time: 3-5 hours

13. Commit Message Writer

Paste in a git diff or describe your changes in plain English, and the app generates a conventional commit message (feat, fix, docs, etc.) you can copy and use directly.

• Tech stack: React + OpenAI API
• Estimated build time: 3-4 hours

14. Flashcard Maker

Paste in study notes or a paragraph of text, and the app uses AI to generate question-and-answer flashcards. Supports spaced repetition timing and lets you export cards to Anki format.

• Tech stack: Next.js + OpenAI API
• Estimated build time: 5-7 hours

15. Name My Project

Describe your project idea in a few sentences and get a list of creative name suggestions, complete with available .com domain checks. Perfect for when you have already built the thing but have no idea what to call it.

• Tech stack: Next.js + OpenAI API + domain availability API
• Estimated build time: 4-6 hours

---

Intermediate Projects (1-2 Weeks)

Now we are getting into projects that require real architecture decisions — databases, authentication, third-party integrations, and multi-page flows. These are the kinds of projects that look impressive in a portfolio and teach you how modern apps actually work.

Productivity

16. Habit Tracker with Streaks

A full habit tracking app with daily check-ins, streak counters, heat map visualizations (like GitHub's contribution graph), and weekly summary emails. Users can set custom habits with reminders.

• Tech stack: Next.js + Supabase + Resend
• Estimated build time: 5-7 days

17. Personal Finance Dashboard

A dashboard where users manually log income and expenses, categorize transactions, and see spending breakdowns with charts. Add monthly budget targets and alerts when spending exceeds a category.

• Tech stack: Next.js + Supabase + Recharts
• Estimated build time: 7-10 days

18. Meeting Notes Organizer

A note-taking app specifically for meetings. Create meeting entries with attendees, agenda items, and action items. Tag notes by project and search across all meetings. Export summaries as markdown.

• Tech stack: Next.js + Supabase + Tiptap editor
• Estimated build time: 6-8 days

19. Weekly Meal Planner

A drag-and-drop meal planning app. Users browse recipes, drag them into a weekly calendar, and auto-generate a grocery list. Include calorie and macro tracking if a recipe includes nutritional data.

• Tech stack: Next.js + Supabase + dnd-kit
• Estimated build time: 8-10 days

Creative

20. Blog Platform with Markdown

A minimalist blogging platform where users write in markdown, preview in real time, and publish to a public profile page. Include syntax highlighting for code blocks and an RSS feed.

• Tech stack: Next.js + Supabase + MDX
• Estimated build time: 7-10 days

21. Playlist Mood Board

Connect to Spotify's API and let users create visual mood boards from their playlists. Pull album art, color-extract dominant colors, and arrange them into a shareable collage.

• Tech stack: Next.js + Spotify API + canvas
• Estimated build time: 5-7 days

22. Collaborative Pixel Art Canvas

A shared canvas where multiple users draw pixel art together in real time. Each user gets a color picker and brush tool. Include a gallery of finished community art.

• Tech stack: Next.js + Supabase Realtime + canvas API
• Estimated build time: 8-10 days

23. Font Pairing Tool

A tool that suggests Google Font pairings. Users pick a heading font and see AI-recommended body fonts, with a live preview showing how they look together across different sample content.

• Tech stack: Next.js + Google Fonts API + OpenAI API
• Estimated build time: 5-7 days

Business

24. Waitlist Landing Page Builder

A tool that generates a complete waitlist landing page from a product description. Users fill out a form (product name, tagline, description), and the app generates a deployable HTML page with email capture.

• Tech stack: Next.js + Supabase + Resend
• Estimated build time: 6-8 days

25. Customer Feedback Board

A public feedback board (like Canny) where users submit feature requests, upvote ideas, and leave comments. The project owner gets an admin dashboard with analytics on popular requests.

• Tech stack: Next.js + Supabase + Auth
• Estimated build time: 8-10 days

26. Micro SaaS Pricing Calculator

A tool for indie hackers to model SaaS pricing. Input your costs (hosting, APIs, time), desired margin, and churn assumptions, and see projected MRR, break-even points, and pricing tier suggestions.

• Tech stack: Next.js + Recharts
• Estimated build time: 5-7 days

27. Simple CRM for Freelancers

A lightweight CRM to track clients, projects, and invoices. Include a pipeline view (lead, proposal, active, complete), contact notes, and basic revenue reporting.

• Tech stack: Next.js + Supabase + Tailwind
• Estimated build time: 10-14 days

Developer Tools

28. API Request Builder

A Postman-lite tool that runs in the browser. Build GET, POST, PUT, and DELETE requests with headers, body, and auth tokens. Display responses with syntax highlighting and save request collections.

• Tech stack: Next.js + Monaco Editor
• Estimated build time: 7-10 days

29. GitHub Repo Analyzer

Enter a GitHub repo URL and get a dashboard showing commit frequency, top contributors, language breakdown, open issue trends, and a bus factor score. Great for evaluating open source projects.

• Tech stack: Next.js + GitHub API + Recharts
• Estimated build time: 6-8 days

30. Changelog Generator

Connect to a GitHub repo and auto-generate a formatted changelog from merged PRs and commit messages. Group by category (features, fixes, docs) and output as markdown or a hosted page.

• Tech stack: Next.js + GitHub API + OpenAI API
• Estimated build time: 5-7 days

31. Database Schema Designer

A visual tool for designing database schemas. Drag and drop tables, define columns and types, draw relationships, and export as SQL migration files or a Prisma schema.

• Tech stack: Next.js + React Flow + Tailwind
• Estimated build time: 10-14 days

AI-Powered

32. AI Writing Assistant

A focused writing tool with AI-powered features: grammar correction, tone adjustment (formal, casual, persuasive), text summarization, and expand-on-this paragraph generation. No bloat, just the essentials.

• Tech stack: Next.js + OpenAI API + Tiptap
• Estimated build time: 7-10 days

33. Smart Bookmark Manager

Save URLs and the app automatically fetches the page title, description, and a screenshot. AI auto-tags and categorizes each bookmark. Full-text search across all saved content.

• Tech stack: Next.js + Supabase + OpenAI API + Puppeteer
• Estimated build time: 8-10 days

34. Interview Prep Coach

Enter a job title and the app generates realistic interview questions. Users record or type their answers, and the AI provides feedback on clarity, completeness, and areas to improve.

• Tech stack: Next.js + Supabase + OpenAI API
• Estimated build time: 7-10 days

35. AI Color Palette from Image

Upload a photo and the app extracts the dominant colors, then uses AI to suggest complementary palettes, generate CSS variables, and show example UI mockups using those colors.

• Tech stack: Next.js + OpenAI Vision API + canvas
• Estimated build time: 5-7 days

---

Advanced Projects (1-2 Months)

These are the heavyweights. Full-stack applications with complex state, multiple user roles, real-time features, and production-level concerns like payments, analytics, and performance optimization. Each one could be a portfolio centerpiece or even a launched product.

Productivity

36. Team Project Management Tool

A Trello/Linear-style project management app with boards, lists, and cards. Include drag-and-drop, user assignments, due dates, labels, activity feeds, and real-time updates across team members.

• Tech stack: Next.js + Supabase + dnd-kit + Realtime
• Estimated build time: 4-6 weeks

37. Personal Knowledge Base

A Notion-like tool for building a personal wiki. Supports nested pages, block-based editing (text, images, code, tables), backlinks between pages, and full-text search across your entire knowledge graph.

• Tech stack: Next.js + Supabase + Tiptap + pgvector
• Estimated build time: 6-8 weeks

38. Time Tracking and Invoicing Platform

A complete freelancer toolkit: track time per project with start/stop timers, generate invoices from logged hours, accept payments via Stripe, and view profitability reports.

• Tech stack: Next.js + Supabase + Stripe + Recharts
• Estimated build time: 5-7 weeks

Creative

39. Generative Art Gallery

A platform where users create generative art using code (p5.js or canvas), save their creations, and publish them to a public gallery. Include forking, remixing, and a live code editor with instant preview.

• Tech stack: Next.js + Supabase + p5.js + Monaco Editor
• Estimated build time: 5-7 weeks

40. Podcast Hosting Platform

A complete podcast hosting solution: upload episodes, auto-generate transcripts with Whisper, manage show notes, generate an RSS feed, embed players, and view download analytics.

• Tech stack: Next.js + Supabase + OpenAI Whisper + S3
• Estimated build time: 6-8 weeks

41. Interactive Storytelling Engine

A platform for creating and playing branching narrative stories. Authors use a visual node editor to design story trees. Readers make choices that affect the narrative. Support for images, audio, and variables that track player state.

• Tech stack: Next.js + Supabase + React Flow
• Estimated build time: 5-7 weeks

Business

42. Multi-Vendor Marketplace

A marketplace where sellers list products, buyers browse and purchase, and the platform takes a commission. Include seller dashboards, buyer reviews, search with filters, and Stripe Connect for payouts.

• Tech stack: Next.js + Supabase + Stripe Connect + Algolia
• Estimated build time: 6-8 weeks

43. SaaS Boilerplate with Full Auth and Billing

A production-ready SaaS starter kit with email/OAuth authentication, team management, role-based permissions, Stripe subscription billing, usage metering, and an admin dashboard.

• Tech stack: Next.js + Supabase + Stripe + Resend
• Estimated build time: 4-6 weeks

44. Event Ticketing Platform

A platform for creating events, selling tickets with tiered pricing, generating QR-code tickets, handling check-ins via a mobile-friendly scanner, and viewing attendance analytics.

• Tech stack: Next.js + Supabase + Stripe + QR code lib
• Estimated build time: 5-7 weeks

Developer Tools

45. Open Source Analytics Dashboard

A privacy-focused, self-hostable web analytics tool. Drop a script tag on any site to track page views, referrers, device types, and user flows — without cookies or personal data collection.

• Tech stack: Next.js + PostgreSQL + lightweight tracking script
• Estimated build time: 5-7 weeks

46. Visual Workflow Automation Builder

A Zapier-lite tool where users visually connect triggers and actions (new email arrives, post to Slack, save to spreadsheet). Build a node-based editor with a library of pre-built integrations.

• Tech stack: Next.js + Supabase + React Flow + webhook handlers
• Estimated build time: 6-8 weeks

47. Code Snippet Manager with AI Search

A personal code snippet library with syntax highlighting, tagging, and AI-powered semantic search. Ask questions like "how did I handle pagination?" and it finds the relevant snippet by meaning, not just keywords.

• Tech stack: Next.js + Supabase + pgvector + OpenAI Embeddings
• Estimated build time: 4-6 weeks

AI-Powered

48. AI-Powered Resume Builder

Upload a resume and a job description, and the AI tailors your resume to the role — rewriting bullet points, suggesting missing skills, and scoring your match percentage. Export as a beautifully formatted PDF.

• Tech stack: Next.js + Supabase + OpenAI API + react-pdf
• Estimated build time: 5-7 weeks

49. Natural Language Database Explorer

Connect to any PostgreSQL or MySQL database, ask questions in plain English ("show me all users who signed up last month and made a purchase"), and the app generates and runs the SQL query, displaying results in a table with chart options.

• Tech stack: Next.js + OpenAI API + database connectors
• Estimated build time: 5-7 weeks

50. Full-Stack AI Chatbot Platform

A platform where users build, customize, and deploy AI chatbots for their websites. Include a visual conversation flow designer, knowledge base training (upload docs, scrape URLs), embed widgets, and conversation analytics.

• Tech stack: Next.js + Supabase + OpenAI API + LangChain + pgvector
• Estimated build time: 6-8 weeks

---

How to Pick the Right Project

With 50 ideas in front of you, it can be hard to choose. Here are a few questions to narrow it down:

• What skill do you want to practice? If you want to learn auth and databases, pick something with user accounts. If you want to get better at UI, choose a creative project.
• How much time do you actually have? Be honest. A beginner project you finish is worth more than an advanced project you abandon after three days.
• Would you use this yourself? The best side projects solve your own problems. You will stay motivated longer if you are building something you genuinely want to exist.
• Can you ship a v1 quickly? Start with the minimum viable version. You can always add features later. The goal is to finish and deploy, not to build something perfect.

The Vibe Coding Workflow

Regardless of which project you pick, the vibe coding workflow looks roughly the same:

1. Describe the idea clearly. Write a one-paragraph spec before you open your editor. What does it do? Who is it for? What are the core features?
2. Start with AI scaffolding. Use Cursor, Bolt, or Replit Agent to generate the initial project structure, components, and database schema.
3. Iterate in conversation. Treat AI like a pair programming partner. Ask it to add features, fix bugs, and refactor code one step at a time.
4. Review and understand. Do not blindly accept everything. Read the generated code, learn what it does, and make adjustments where needed.
5. Deploy and share. Push to Vercel, Netlify, or Railway. Post it on Twitter, Reddit, or Hacker News. Getting feedback is how you grow.

Get Personalized Ideas

This list is a starting point, but the best project idea is one tailored to you — your skills, your interests, and the time you have available.

That is exactly what Vibe Code Vibes does. Tell the app what you know, what you are curious about, and how much time you can commit, and it will generate personalized project ideas that match your situation. Each idea comes with a description, suggested tech stack, and difficulty estimate — just like the ideas above, but customized for your profile.

Whether you pick from this list or generate your own, the most important thing is to start. Open your editor, pick an idea, and start vibing. The code will follow.