Vibe Flow

Full Stack
Backend
Web Dev
Vibe Flow

Tech Stack

Next.js
React
Node.js
Typescript
Python

Description

Vibe Flow is a minimal and focused ambient workspace designed to help users get into a state of flow. It lives entirely in the browser, offering different moods with unique color palettes, particle effects, and curated music streams to create an immersive environment.

The application is highly customizable, featuring a range of toggleable widgets like a Pomodoro timer, weather display, and an inspirational quote generator. All user preferences are saved locally, requiring no backend or user accounts for a private and seamless experience.

  • Offers four distinct moods (Lofi, Chill, Focus, Hype), each with a unique color palette, particle field, and default YouTube music stream.
  • Includes a suite of toggleable widgets such as a configurable Pomodoro timer, a YouTube player for custom streams, and a weather display.
  • Supports extensive customization, allowing users to set their own YouTube streams per mood and even export the current theme's CSS.
  • Built with a modern tech stack including Next.js, React, and Tailwind CSS for a fluid and responsive user experience.
  • All preferences are persisted in localStorage — no account or backend needed.

Page Info

Landing Page

The main landing page for Vibe Flow.

/projects/vibe-flow/hero.png

    Prayush Adhikari - FullStack Developer