Inspiration
Music has the power to mirror and shape our emotions — yet most playlist tools are built for sorting songs by genre or popularity, not how they make us feel. We wanted to build something delightful and slightly absurd: a receipt of your emotional state, powered by the vibe of your music taste. Inspired by moodboards, Spotify Wrapped, and Gen-Z’s obsession with beige/green/red flags, Vibe Receipt is a visual, emotional scanner for playlists — complete with aesthetic design, animations, and interactivity.
What it does
Vibe Receipt takes any Spotify playlist and scans it using mood and energy-based audio features. It then: Generates a stylized ‘receipt’ that captures the overall vibe — anxious overthinker? chill cottagecore? beige flag overload? Assigns Red / Green / Beige flag energy ratings Suggests emotion-matching or counter-balancing songs Assigns quirky emotional tasks or journal prompts (“Send a voice note to a friend who gives you green flag energy”) Lets you switch between light & dark themes Includes fun, bouncy typography and adorable microinteractions (fade-in load, hover animations) Is fully responsive: cards scale between 2–4 columns, sidebar collapses into hamburger on mobile, and everything’s accessible
How we built it
We used Bolt.new to build the full app interface, flow logic, and UI animations. Figma for UI/UX wireframing and responsive layout planning Spotify API for playlist data and audio features GPT (via Bolt plugins) to generate the flag summaries, emotional prompts, and song suggestions Custom color palette & CSS theming to allow mood-based design variants
Challenges we ran into
Fine-tuning the vibe detection logic — music is subjective, and we didn’t want to over-simplify it Designing a UI that felt emotional and expressive, while still being clean and functional Making it fun but not cringe — especially balancing the tone of red/beige flag humor Accessibility: ensuring high contrast, readable fonts, and keyboard-friendly navigation Adapting for multiple screen sizes while maintaining aesthetic integrity
Accomplishments that we're proud of
The overall polish and visual cohesion of the final product — it looks like a real, shippable app Building a truly “useless but delightful” tool that still feels emotionally useful Designing a fun user experience across light and dark modes The interactive emotional prompts — surprisingly touching and on-point!
What we learned
Bolt.new’s flexibility with component design and data logic How to make playful design work without sacrificing usability A lot about the emotional weight music carries and how people attach meaning to songs That beige flags are often just repressed green flags with commitment issues
What's next for Vibe receipt
Let users log in with Spotify and auto-scan their top playlists Let users share receipts and flag reports to social (template export + link preview) Add Tavus video receipts (“Hello, it’s your playlist — and yes, you need therapy”) Include a personal avatar creator to reflect user mood Expand to support “vibe receipts” for emotions, Instagram grids, or even calendar weeks
Log in or sign up for Devpost to join the conversation.