DEV Community

Cover image for VibeCraft AI – Turn Your Mood Into a Moodboard
ALI
ALI

Posted on

VibeCraft AI – Turn Your Mood Into a Moodboard

#nextjs #tailwindcss #openai #framermotion

What if your emotions could generate a whole moodboard?
VibeCraft AI makes that real. Type how you feel (or let your face do the talking), and boom — instant aesthetic.

👉 GitHub Repo

How to Run It

git clone https://github.com/TROJANmocX/VibeCraft-AI.git cd VibeCraft-AI npm install
Enter fullscreen mode Exit fullscreen mode

Then add your API keys in .env.local:

OPENAI_API_KEY=your_key_here GEMINI_API_KEY=your_key_here
Enter fullscreen mode Exit fullscreen mode

*Now start the server:
*

npm run dev
Enter fullscreen mode Exit fullscreen mode

🤯 What’s It For?

  • Turning your existential crisis into ✨vibe✨
  • Giving your feelings a fashion designer
  • Journaling, but make it AI-powered
  • Therapy? No. But moodboards? Yes.
  • One-click aesthetics for when you can’t even.

🛠️ Built With

  • Next.js – because plain HTML is so 2005
  • Tailwind CSS – we don't do boring UIs
  • OpenAI + Gemini – your emotional translators
  • Framer Motion – animations smoother than your last relationship

Top comments (0)