Play Vibe Jam contest entries here --> Vibe Jam

White Noise Generator

Minimal web-based white noise generator
Visit Website
Author: @LinusEkenstam
Released: March 13, 2025
Pricing: Free
Made with: Claude
Genres: Tool

Overview

The White Noise Generator project, created by Linus Ekenstam (@LinusEkenstam), is a functional white noise application developed using the “vibe coding” approach, leveraging generative AI tools like Claude. This project, documented on X, showcases a rapid prototyping process completed in under 30 minutes, focusing on functionality over aesthetics. The app allows users to mix various ambient soundscapes with individual volume controls, catering to relaxation, focus, or sleep needs.

Origins of the Project

The project originated on March 13, 2025, when Linus Ekenstam shared his idea of creating a minimal white noise generator supporting 8–10 different soundscapes with individual volume controls (0–100) on X. He outlined his vision in a post, emphasizing a collaborative approach with an AI (Claude) to define the project scope before coding. Ekenstam spent 20 minutes searching for royalty-free audio tracks, humorously noting this as a significant portion of the development time in his first post.

How It Was Made

Linus employed a “vibe coding” methodology, utilizing generative AI tools to streamline development.

  • He began by collaborating with Claude to create a Product Requirements Document (PRD) to define the scope.
  • After refining the PRD (e.g., expanding the sound library to 10 tracks and adding features like saveable presets and timer settings), he requested Claude to generate code. Initially, Claude provided React code, but Linus requested plain HTML and vanilla JavaScript, which Claude delivered
  • Using Cursor, Linus structured the code, integrated royalty-free audio files, and resolved a playback bug (when volume was set to 0).
  • The final step involved uploading the project to his website for public testing.

Future Plans

Linus expressed intentions to improve the app’s aesthetics, soliciting style suggestions from the community. He leaned toward a visually appealing design, referencing examples like gradient backgrounds and modern UI elements. No specific timelines or additional features were outlined, but the focus on enhancing the user interface suggests ongoing development to make the app more polished and user-friendly.

(Written by Grok 3, edited by Human 2025)