A simple, beautiful, and effective tool for practicing guided breathing exercises directly in your browser. Reduce stress, improve focus, and find your calm.
- Multiple Breathing Patterns: Choose from scientifically-backed patterns like 4-7-8 Breathing, Box Breathing, and more to suit your needs.
- Customizable Sessions: Select session durations of 1, 3, 5, or 10 minutes to fit your schedule.
- Intuitive Visualizer: A clean, minimalist circle expands and contracts to guide your breath, with a clear countdown for each phase.
- Progress Tracking: See your daily and total session counts to stay motivated and build a consistent mindfulness habit.
- Audio Cues (Optional): Enable gentle sound cues to guide you without needing to watch the screen.
- Session Reminders: Set alarms to remind you to take a break and breathe throughout the day.
- Lightweight & Fast: Designed to be non-intrusive and ready whenever you need it.
This extension was built with modern web technologies and Chrome APIs:
- Frontend: HTML5, CSS3, JavaScript (ES6+)
- Chrome Extension APIs:
chrome.storagefor saving user settings and session data.chrome.notificationsfor displaying welcome messages, achievements, and reminders.chrome.alarmsfor scheduling session reminders.
(Coming Soon! - []
If you want to run the extension locally or contribute to the project:
- Clone the repository:
git clone [https://github.com/mieraci22/Breathe-Chrome-Extension.git](https://github.com/mieraci22/Breathe-Chrome-Extension.git)
- Open Google Chrome and navigate to
chrome://extensions. - Turn on "Developer mode" in the top-right corner.
- Click the "Load unpacked" button.
- Select the
Breathe-Chrome-Extensionfolder that you just cloned. - The "Breathe" icon will now appear in your extensions toolbar!
This project is open-source and available under the MIT License.
Feedback is greatly appreciated! If you have any suggestions, find a bug, or want to contribute, please feel free to open an issue or submit a pull request.