Skip to content

karthiknvd/noctune

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

5 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

🎧 Noctune β€” Blend the Noise

Noctune is a minimalist ambient sound mixer designed to help you focus, relax, and sleep by blending calming natural sounds in real time.


✨ Features

  • 🎚️ Multi-sound mixer β€” Play and blend multiple ambient sounds together
  • 🌧️ Natural sound library β€” Rain, thunder, wind, forest, night, river, train, and campfire
  • πŸŽ›οΈ Smooth volume control β€” Individual sliders with fade-in and fade-out
  • ⏸️ Pause All / Resume All β€” Temporarily pause without losing your mix
  • πŸ”„ Reset Mix β€” Clear everything and start fresh
  • 🎼 Presets β€” Instantly apply curated moods like Focus, Sleep, Forest Calm, and Meditation
  • πŸ“± Responsive design β€” Works seamlessly on mobile, tablet, and desktop
  • 🎨 Clean dark UI β€” Calm blue gradient with a distraction-free layout
  • 🚫 No ads, no tracking β€” Pure focus experience

🧠 Presets Included

  • Focus β€” Light rain and wind for productivity
  • Sleep β€” Night ambience with soft fire and wind
  • Thunder Storm β€” Heavy rain with thunder and wind
  • Forest Calm β€” Peaceful forest atmosphere
  • Meditation β€” River flow with gentle forest and wind

Presets can still be adjusted manually after applying.


πŸ› οΈ Tech Stack

  • HTML5
  • CSS3 (Grid, Flexbox, Media Queries)
  • Vanilla JavaScript
  • HTML Audio API

πŸ“‚ Project Structure

noctune/
β”‚
β”œβ”€β”€ index.html
β”œβ”€β”€ style.css
β”œβ”€β”€ script.js
β”‚
β”œβ”€β”€ sounds/
β”‚   β”œβ”€β”€ rain.mp3
β”‚   β”œβ”€β”€ thunder.mp3
β”‚   β”œβ”€β”€ wind.mp3
β”‚   β”œβ”€β”€ forest.mp3
β”‚   β”œβ”€β”€ night.mp3
β”‚   β”œβ”€β”€ river.mp3
β”‚   β”œβ”€β”€ train.mp3
β”‚   └── campfire.mp3
β”‚
└── favicon.png

πŸš€ Getting Started

  1. Clone the repository:

    git clone https://github.com/your-username/noctune.git
    
  2. Open index.html in your browser
    (No build step required)


β˜• Support the Project

If you enjoy using Noctune and want to support its development:

πŸ‘‰ https://buymeacoffee.com/webnate

Every bit of support is appreciated πŸ’™


🌐 Live Demo

πŸ‘‰ https://noctune-blend.vercel.app


🀝 Contributing

Contributions are welcome.
Feel free to fork the project, open issues, or submit pull requests.


πŸ“œ License

This project is open-source.
You are free to download, modify, and build your own versions.


πŸ‘€ Author

Built by Webnate
πŸ”— https://webnate.vercel.app


Blend the noise. Find your calm.

About

A minimalist ambient sound mixer to help you focus, relax, and sleep πŸŽ§πŸŒ™

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors