What You'll Build
- A clicker game with:
- A big clickable button with a satisfying counter
- Purchasable auto-clickers that generate passive income
- Tiered upgrades that multiply click and auto-click values
- A prestige system for long-term replayability
- Offline progress calculation when you close the tab
- Animated number popups and visual feedback
Tool: Lovable (no coding needed) Difficulty: Beginner Time: ~20 minutes Coding required: None
Clicker games (also called idle games) are one of the most addictive game genres ever created. The concept is beautifully simple — click a button, earn points, buy upgrades that earn points for you, and watch numbers go up forever. Games like Cookie Clicker and Adventure Capitalist have kept millions of players clicking for hours. You'll build your own version with auto-clickers, upgrades, and a prestige system.
This is a perfect first vibe coding project because clicker games are entirely UI-driven — no complex physics, no collision detection, no canvas rendering. Just buttons, numbers, and satisfying animations. You describe what you want, Lovable builds it, and you can play it immediately. Even the more advanced features like offline progress are just math calculations that AI handles easily.
What You Need
The Founding Prompt
Go to lovable.dev and start a new project. Paste this prompt:
Build an idle clicker game with the following features: 1. MAIN BUTTON: A large, centered, circular button that says "Click Me!" with the current point total displayed above it in a large font. Every click adds points. Show a small floating "+1" animation that pops up and fades out on each click. 2. CURRENCY: Track total points (current spendable balance) and lifetime points (all-time earned, never decreases). Display both at the top of the screen. Format large numbers with abbreviations (1K, 1M, 1B, 1T). 3. AUTO-CLICKERS: A shop panel on the right side with purchasable auto-clickers. Start with these tiers: - Cursor (cost: 15, produces 0.1/sec) - Grandma (cost: 100, produces 1/sec) - Farm (cost: 1,100, produces 8/sec) - Factory (cost: 12,000, produces 47/sec) - Bank (cost: 130,000, produces 260/sec) Each tier shows: name, cost, quantity owned, and production rate. Costs increase by 15% with each purchase. 4. UPGRADES: A separate upgrades tab with one-time purchases: - "Double Click" (cost: 100) — doubles the value of each manual click - "Golden Fingers" (cost: 500) — triples click value - "Efficient Cursors" (cost: 1,000) — doubles all Cursor auto-clicker output 5. STATS: Show clicks per second (CPS) prominently. Update the point counter smoothly every 100ms rather than once per second. 6. VISUAL STYLE: Use a warm color palette with golden/amber tones. The main button should have a subtle glow effect and scale down slightly when pressed. Add a particle burst effect on click. The background should have a subtle gradient. 7. LAYOUT: Desktop-first responsive layout. Main button area in the center, shop panel on the right, stats at the top. Everything should fit on one screen without scrolling.
Click Generate and wait for Lovable to build your game.
Step 1: Click and Test the Basics
Your clicker game should load with a big button in the center and a point counter. Click the button rapidly and verify that points increase with each click. Check that the floating "+1" animation appears and fades. If the button feels sluggish, or the counter doesn't update instantly, that's something to fix in the next step.
Step 2: Balance the Auto-Clicker Economy
Buy a few auto-clickers and watch your points tick up automatically. The early game should feel rewarding — a player's first Cursor purchase should feel exciting. Check that costs scale properly and the CPS display updates when you buy auto-clickers.
Improve the auto-clicker shop: - Show a progress bar or highlight on each auto-clicker when you can afford it - Gray out auto-clickers you can't afford yet with the remaining cost shown - Add a subtle coin animation flowing from each owned auto-clicker toward the point counter - When buying an auto-clicker, play a satisfying "ka-ching" sound effect using the Web Audio API - Show the "time to afford" next to each locked auto-clicker (e.g., "affordable in 45s") - Add a count badge showing how many of each auto-clicker you own
Step 3: Add Visual Polish and Animations
A great clicker game is all about satisfying feedback. Every click and every purchase should feel rewarding. The numbers going up should be a visual delight.
Add visual polish to the clicker game: - Make the "+N" popup scale based on the click value — bigger numbers get bigger text - Add a screen shake effect (very subtle, 2px) when clicking rapidly (more than 5 clicks per second) - Add a golden glow that intensifies around the main button as your CPS increases - Show milestone celebrations: when hitting 1K, 10K, 100K, 1M points, display a brief confetti animation - Add smooth count-up animations on the point display so numbers roll up instead of jumping - The main button should pulse gently when idle to invite clicking
Step 4: Build the Prestige System
The prestige system is what gives clicker games long-term depth. When players reset their progress, they earn prestige currency that permanently multiplies all future earnings.
Add a prestige system: - Add a "Prestige" button that appears once the player reaches 1 million lifetime points - Prestiging resets all points, auto-clickers, and upgrades back to zero - The player earns "prestige stars" based on their lifetime points (formula: floor of square root of lifetime points / 1000) - Each prestige star gives a permanent 5% bonus to all point production - Show the prestige star count and current multiplier in a special section at the top - Add a confirmation dialog before prestiging that shows how many stars they'll earn - Track prestige count (how many times they've prestiged) and show it as a badge
Step 5: Add Offline Progress
Players expect their idle game to keep producing while they're away. When they come back, they should see all the points they earned while gone.
Add offline progress calculation: - Save the game state to localStorage every 10 seconds (points, auto-clickers, upgrades, prestige stars, timestamp) - When the game loads, calculate how many seconds have passed since the last save - Award offline points based on the player's CPS at the time they left, multiplied by elapsed seconds - Cap offline earnings at 8 hours maximum - Show a "Welcome back!" popup on load that says "You earned X points while away!" with a collect button - Also save and restore the game state when the player manually refreshes or closes the tab
Step 6: Make It Mobile Friendly
Clicker games are perfect for phones — quick taps, satisfying feedback, and something to do while waiting in line.
Make the clicker game fully responsive for mobile: - Stack the layout vertically on mobile: main button on top, then stats, then shop below - Make the main click button take up at least 40% of the screen on mobile for easy tapping - Make the shop panel a scrollable list below the button - Add swipeable tabs for "Auto-Clickers" and "Upgrades" on mobile - Ensure all tap targets are at least 44px tall - Disable any hover effects on mobile (they get stuck) - Make the floating number animations smaller on mobile to avoid clutter
Step 7: Deploy and Share
Click the Publish button in Lovable to deploy your clicker game. Share the link with friends and watch them get hooked. Since the game saves to localStorage, each player's progress stays in their own browser. The game is completely self-contained — no server needed.
Level Up Your Game
Try these follow-up prompts to make your clicker game even better:
Add difficulty levels:
Add a game mode selector on first load: "Casual" (normal costs, 2x click value), "Standard" (default balance), and "Hardcore" (2x costs, 0.5x click value, slower auto-clickers). Show the selected mode as a badge on screen.
Add a timer:
Add a "Speed Run" challenge mode: see how fast you can reach 1 million points. Show a running timer in the top corner. Save the best speed run time and display it on the main screen. Add a "Start Speed Run" button that resets everything and starts the timer.
Add animations:
Add idle animations: auto-clicker items should have small animated icons (a clicking cursor, a waving grandma, a spinning factory gear). When purchasing a new tier for the first time, play a "unlock" animation with a brief spotlight effect. Add a rising particle effect behind the point counter that intensifies with higher CPS.
Add high score saving:
Save the player's all-time highest points, highest CPS, total clicks, and prestige count to localStorage. Add a "Stats" panel that shows all lifetime statistics including: total time played, total clicks, highest single-click value, and most auto-clickers owned at once.
Add achievements:
Add an achievements system with 12 achievements: "First Click" (click once), "Speed Demon" (10 clicks in 2 seconds), "Investor" (buy first auto-clicker), "Millionaire" (reach 1M points), "Billionaire" (reach 1B points), "Full House" (own all auto-clicker types), "Upgraded" (buy all upgrades), "Prestige" (prestige once), "Veteran" (prestige 5 times), "Speed Runner" (reach 1M in under 10 minutes), "Collector" (own 100 total auto-clickers), "Idle Master" (earn 100K from offline progress). Show unlocked achievements as golden badges in a trophy panel.
Want persistent high scores? Follow our leaderboard guide to connect your game to a database.
Common Errors
Blank screen after prompt If Lovable generates a blank screen, add to your prompt: "Make sure the game renders immediately on page load with no user setup required."
Game not responding to keyboard Add to your prompt: "Ensure keyboard event listeners are attached to the document, not a specific element. Auto-focus the game container on load."
Mobile touch controls not working Add to your prompt: "Add touch event handlers for mobile. Include visible on-screen buttons for all controls on screens under 768px wide."
Numbers displaying as NaN or Infinity Add to your prompt: "Add safety checks for all math operations. If any value becomes NaN or Infinity, reset it to 0. Make sure division never divides by zero and all number formatting handles edge cases."
Auto-clickers not producing points Add to your prompt: "Use setInterval with a 100ms tick rate for auto-clicker production. Calculate fractional production per tick (CPS / 10). Make sure the interval starts immediately when the first auto-clicker is purchased."