The hardest part of vibe coding is not the building. It is deciding what to build. If you have Dyad installed and an API key ready but no direction, this list gives you ten vibe coding project ideas you can finish in a weekend. Each one includes a prompt you can copy straight into Dyad.
How to use these prompts
Open Dyad, click New App, paste the prompt into the chat panel, and press Enter. Dyad runs locally on your machine and supports multiple AI providers (OpenAI, Anthropic, Google Gemini, OpenRouter, and local models). Every version is saved automatically, so you can always roll back.
1. Habit tracker
A daily habit tracker with a grid view showing your streaks.
Prompt:
Build a daily habit tracker app. The user can add habits with a name and emoji icon. The main view shows a 7-day grid where each cell can be toggled on or off. Show a streak counter next to each habit. Use a clean, minimal design with a dark mode toggle. Store all data in local storage.
What you get: A row per habit with checkboxes for each day of the week and a streak count that updates as you check off days. The dark mode toggle switches the entire UI.
2. Invoice generator
A form-based app that produces a printable invoice.
Prompt:
Build an invoice generator. It should have input fields for business name, client name, address, and invoice number. Below that, a table where I can add line items with description, quantity, and unit price. The total should auto-calculate. Include a "Print" button that opens the browser's print dialog with a clean, professional layout. No database needed, just client-side.
What you get: A form on top and a live invoice preview below. The line items table has an "Add Row" button, and the total recalculates as you type.
3. Recipe organizer
A personal recipe book with categories and search.
Prompt:
Build a recipe organizer app. I want to add recipes with a title, category (breakfast, lunch, dinner, dessert, snack), ingredients list, and instructions. The main page shows all recipes as cards grouped by category. Add a search bar that filters recipes by title or ingredient. Store recipes in local storage. Use a warm, food-themed color palette.
What you get: A card grid layout with category tabs along the top. Each card shows the recipe title and a short ingredient preview. Clicking a card opens the full recipe with ingredients and step-by-step instructions.
4. Portfolio site
A personal portfolio page to showcase projects.
Prompt:
Build a personal portfolio website. It should have a hero section with my name, a short bio, and links to GitHub and LinkedIn (use placeholder URLs). Below that, a project grid where each project has a title, description, image placeholder, and a link. Add a contact section at the bottom with an email link. Use a modern, minimal design with smooth scroll between sections.
What you get: A full-width hero, a responsive project grid, and a footer with contact info. The navigation links scroll smoothly to each section.
5. AI-powered flashcard app
A study tool that uses AI to generate flashcard content.
Prompt:
Build a flashcard study app. The user enters a topic (like "JavaScript basics" or "Spanish vocabulary") and the app generates 10 flashcards with a question on the front and answer on the back. Each card should flip on click. Add a "Shuffle" button and a progress tracker showing how many cards the user has reviewed. Use a card-flip animation. Store reviewed progress in local storage.
What you get: A centered flashcard that flips with a CSS animation when clicked. Navigation arrows move between cards, and a progress bar fills as you go through the deck. The shuffle button randomizes the order.
This is a good project for trying Dyad's AI integration. The flashcard content is generated by the same model that builds the app.
6. Markdown note-taking app
A note editor with live Markdown preview.
Prompt:
Build a Markdown note-taking app. The left panel is a list of notes with titles and dates. The right panel has a Markdown editor on top and a live preview below. I should be able to create, rename, and delete notes. Add a search bar that filters the note list. Store notes in local storage. Use a monospace font for the editor and a clean sans-serif for the preview.
What you get: A two-panel layout with the note list on the left and the editor and preview stacked on the right. The preview renders headings, lists, code blocks, and links.
7. Expense splitter
An app for splitting bills between friends.
Prompt:
Build an expense splitter app for groups. The user creates a group and adds members by name. Then they can add expenses with a description, amount, and who paid. The app should calculate how much each person owes and show a summary of "who pays whom" to settle up. Use clear typography and a color-coded breakdown per person. No database, client-side only.
What you get: A step-by-step flow: add members, log expenses, then view a settlement summary. The final screen shows the minimum number of transfers needed to settle all debts.
8. Pomodoro timer with task list
A productivity timer paired with a to-do list.
Prompt:
Build a Pomodoro timer app. It should have a 25-minute work timer and a 5-minute break timer that alternate. Show a large countdown display in the center. Below the timer, add a task list where I can add tasks, mark them done, and delete them. The currently active task should be highlighted. Play a sound or flash the screen when the timer ends. Use a red/green color scheme to differentiate work and break modes.
What you get: A large circular timer with start, pause, and reset buttons. The task list below highlights the active task. The background shifts from red during work to green during breaks.
9. Bookmark manager
A personal link organizer with tags and search.
Prompt:
Build a bookmark manager app. I can add a bookmark with a URL, title, and tags (comma-separated). The main view shows bookmarks as a list with the title linked to the URL and tags displayed as colored pills. Add a search bar that filters by title or tag. Add a sidebar showing all tags with counts. Clicking a tag filters the list. Store everything in local storage.
What you get: A tag sidebar on the left and the bookmark list on the right. Each tag gets a unique pill color. The search bar and tag filters work together.
10. Weather dashboard
A weather display that pulls data from a public API.
Prompt:
Build a weather dashboard app. It should have a search bar where I type a city name. Display the current temperature, weather condition, humidity, and wind speed. Show a 5-day forecast below with daily highs and lows. Use weather-appropriate icons (sun, clouds, rain). Use the Open-Meteo API (free, no API key required) for weather data and the geocoding endpoint for city search. Use a gradient background that changes based on the current weather.
What you get: A centered city search bar. The current weather displays as a large temperature reading with a condition icon. Below it, five cards show the daily forecast. The background gradient shifts based on conditions.
Open-Meteo is free and does not require an API key, which keeps setup simple.
Tips for getting better results
These vibe coding project ideas are starting points. A few things that help:
- Be specific in the first prompt. Vague prompts produce vague results. The prompts above are deliberately detailed.
- Iterate in small steps. After the initial build, ask for one change at a time. "Add dark mode" is better than "add dark mode, change the font, and move the sidebar."
- Use version history. Dyad saves every version automatically. If a change goes sideways, restore the previous state instead of trying to fix it with more prompts.
- Try a different model. If the result is not what you expected, switch to a different AI provider in Settings and try again. Different models have different strengths.
Keep building
These vibe coding project ideas cover a range of complexity, from static portfolio sites to API-driven dashboards. Once you have the basics working, you can push further: add Supabase for a real database, connect GitHub to share your code, or extend functionality with MCP servers.
Dyad is open-source, runs locally, and produces standard code you can take anywhere. Pick a project from this list, paste the prompt, and start building.
