VibeCraft

🌈 Inspiration

VibeCraft was born from the desire to transform emotional expression into digital creation. We noticed that moodboards—common among designers and artists—rarely evolved past static visuals. What if people could build immersive, responsive worlds based on emotion, aesthetic, and sound? Inspired by the rise of AI mood analysis and real-time rendering tools, we set out to create an interactive sandbox where creativity flows through feeling, not just code.

🎮 What it does

VibeCraft allows users to craft ambient worlds using curated “vibe kits.” Each kit contains visuals, textures, audio loops, lighting presets, and emotional descriptors. Users select their mood—say, “tranquil neon nostalgia”—and the app instantly builds a dynamic 3D scene that evolves over time. Worlds are interactive, audio-reactive, and sharable, and the platform generates a short description, a soundscape, and even a narrative tone to accompany the environment.

🛠️ How we built it

Frontend: Developed with React + TailwindCSS for UI fluidity, using Framer Motion for drag-and-drop assembly and transition effects.
World Engine: Implemented with Three.js and GLSL shaders to reflect real-time lighting and atmosphere changes.
Audio Layer: Powered by Tone.js for layered ambient loops and reactive soundscapes that adjust to user input.
AI Model Integration: Used GPT-4 to label mood kits and generate world narratives; used a custom classifier to match emotional tone with audio + visual presets.
Backend: Firebase for scene persistence, user accounts, and remix tracking.
Deployment: Hosted on Netlify; supports public galleries and downloadable MP4 exports.

⚠️ Challenges we ran into

Building mood-driven shaders that actually felt expressive and not just randomized was a huge challenge.
Balancing artistic freedom with guided UX—users wanted openness, but also enough structure to avoid feeling lost.
Audio syncing across browsers and devices took extra engineering to stabilize.
Mapping abstract emotional language (e.g., “whimsical sadness”) to visual and sonic parameters required extensive trial and error and prompt tuning.

🏆 Accomplishments that we're proud of

Users described VibeCraft as "a playable emotion engine”—that validation was huge.
We generated dozens of fully unique, shareable mood worlds in just hours.
The remix feature led to unexpected collaborations and viral vibes.
Got early praise from mental wellness and creative communities for using mood as a medium.

📚 What we learned

Emotion is an underutilized input in user experiences—people connect deeply when they build from feelings, not features.
Audio-visual harmony matters more than technical precision in creative tools.
Giving users the ability to remix work fosters community and innovation far beyond the original product.

We also got hands-on with GLSL, media layering techniques, and prompt engineering for mood detection—skills we’ll definitely carry forward.

🔮 What's next for VibeCraft

Launching multiplayer "Mood Jams" where users build worlds together in real-time.
Expanding our vibe kits into themed collections (e.g., cybernetic dream, sunset punk, haunted optimism).
Introducing AI-generated poetry and journaling overlays tied to each emotional scene.
Adding support for VR and ambient audio installations.
Partnering with therapists and educators to explore wellness applications and emotional literacy.

VibeCraft is just getting started. From emotion to immersion, we’re building a new way to express what you feel—and share it with the world.