Vibefloor
Guide

Your First Vibe Coding Project

Welcome to the wild world of vibe coding. This guide helps you understand what we’re building, the tools you’ll need, and how to create something amazing.

No pressure. Build for the vibe, not perfection.

Quick Start
Read
Check today’s prompt
Build
Create something wild
Submit
Share and get votes
Overview

What is Vibe Coding?

Vibe coding is an AI-assisted software development style popularized by Andrej Karpathy in 2025. Instead of manually writing code, the developer describes a project or task to a large language model (LLM), which generates code based on the prompt. The developer evaluates the result, asks the AI for improvements, and focuses on iterative experimentation rather than code correctness or structure. [Learn more]

The Concept

Vibe coding is about guiding, testing, and giving feedback to AI-generated code. The programmer shifts from manual coding to describing goals, providing feedback, and letting the AI handle the implementation. This approach enables rapid prototyping and creative experimentation, but often means accepting code you may not fully understand.

  • Daily fresh prompt
  • Small scope, big creativity
  • Shareable outcomes

The Community

Share your creations, vote on others, and discover new ideas every day.

  • Inspiration through variety
  • Lightweight feedback loops
  • Celebrate the unexpected

Example Challenges

“Make a button that's afraid of being pressed”
The anxiety is real
“Build a dating app for colors”
Red + Blue = Purple love
“Make a game where losing is winning”
Reverse psychology at its finest
Step-by-step

How to Get Started

Estimated time: 30–90 minutes

  1. 1

    Read Today’s Challenge

    Check the daily prompt on the homepage. Don’t overthink it—let your creativity flow.

  2. 2

    Choose Your Tech Stack

    HTML/CSS/JS, React, Vue, or anything else. Use what you’re comfortable with or try something new.

  3. 3

    Build Something Wild

    Don’t aim for perfection. Focus on the vibe, the creativity, the unexpected twist.

  4. 4

    Deploy Your Project

    Use Vercel, Netlify or any hosting to get your creation online. You can also use the Vibefloor playground to share your project.

  5. 5

    Submit & Share

    Fill out the submission form with your project details and screenshots.

  6. 6

    Vote & Connect

    Explore other submissions, vote for favorites, and connect with the community.

Tooling

Essential Tools for Vibe Coding

Tools that supercharge your creative coding journey.

Cursor

AI-powered code editor

  • AI chat for coding questions
  • Code generation and refactoring
  • Built-in terminal and Git
Download Cursor

Claude

AI coding assistant

  • Code review and suggestions
  • Creative problem solving
  • Learning new technologies
Try Claude

Other Helpful Tools

CodePen

Quick prototyping and sharing

GitHub

Version control and hosting

Vercel/Netlify

Easy deployment

Tips

Pro Tips for Vibe Coding

Wisdom from the community to help you create amazing projects.

Embrace Constraints

The daily time limit and under-specified prompts are features that force creativity and prevent overthinking.

Focus on the Vibe

Don’t worry about perfect code or production features. Aim for feeling, experience, and delight.

Learn from Others

Browse past submissions for inspiration. See varied interpretations of the same prompt.

Have Fun!

This is about joy, creativity, and community. Enjoy the process of making something cool.

Ready to Start Your Vibe Coding Journey?

Join the community of creative coders building wild, unexpected, and delightful projects every day.