MoodTabs

MoodTabs - Beautiful New Tab Extension

Transform your Edge new tab into a beautiful, productive workspace with habit tracking, Pomodoro timer, and 16 stunning themes!

✨ Features

🎨 16 Beautiful Themes

• 8 Dark Themes: Cyber, Aurora, Golden, Ocean, Sakura, Volcanic, Forest, Midnight
• 8 Light Themes: Cloud, Sunrise, Mint, Lavender, Peach, Rose, Sky, Emerald
• Instant theme switching with visual preview
• Theme filtering: All, Dark, or Light

✅ Habit Tracking with Individual Streaks

• Create unlimited custom habits
• Choose from 30 emojis for each habit
• Each habit has its own independent streak counter
• Daily check-ins build consistency
• Visual progress tracking with fire emoji progression
• Edit or delete habits anytime

🏆 Achievement System

• 12 Achievements to Unlock
• Tab milestones: 10, 25, 50, 100, 250, 500, 1000
• Streak milestones: 3, 7, 30, 100, 365 days
• Confetti celebrations when unlocking
• Progressive user titles (Tab Novice → Transcendent One)
• Share your achievements

⏱️ Pomodoro Timer

• 25-minute focus sessions
• Animated progress ring shows exact time remaining
• Button background disappears during session
• 5 ambient sounds: Rain, Ocean, Forest, Cafe, Silent
• Auto-checks “Focus” habit on completion
• Start/Pause/Reset controls

🔗 Quick Links (Fully Editable!)

• Add up to 8 favorite websites
• Edit any link - Hover and click ✏️
• Delete links - Hover and click ✕
• Auto-fetch website favicons
• Opens in new tab (keeps MoodTabs open)
• Beautiful hover animations

📊 Progress Tracking

• Daily streak counter
• Total tabs opened
• 4 milestone badges
• Achievement gallery
• User title progression
• Share your stats

📋 Productivity Tools

• To-Do List: Add, check, delete tasks
• Quick Notes: Auto-saving notepad (saves every 600ms)
• Weather Widget: Current conditions display
• Quote of the Day: Inspirational quotes with share

ℹ️ Helpful Guides

• Progress Info Modal: Learn what progress tracking means
• Habits Info Modal: Understand how streaks work
• Smooth onboarding experience (name + mood selection)

🚀 How to Use

First Time Setup

1. Enter your name
2. Choose your mood (Energized, Calm, Peaceful, or Optimistic)
3. Theme automatically selected based on your mood
4. Start tracking habits and being productive!

Daily Workflow

1. Open new tab → MoodTabs appears
2. Check off your daily habits
3. Build and maintain your streaks
4. Use Pomodoro for focused work
5. Add tasks to to-do list
6. Track your progress

Customization

• Change themes: Click 🎨 button (bottom-right)
• Add habits: Click “+ Add Habit”, choose emoji
• Add links: Click “+ Add Link”, enter name and URL
• Edit links: Hover → Click ✏️ to edit
• Delete items: Hover → Click 🗑 or ✕

⌨️ Keyboard Shortcuts

• Enter - Add todo item
• Click outside modals - Close any open modal

🔐 Privacy First

MoodTabs is built with privacy as the top priority:

• ✅ Zero data collection - We don’t collect anything
• ✅ No tracking - No analytics, no monitoring
• ✅ All data local - Stored only on your device
• ✅ No external servers - Works completely offline
• ✅ Edge Sync compatible - Optional cloud sync via Edge
• ✅ Open source - Transparent code

What We Store (Locally)

• Your name and preferences
• Habits and streaks
• Quick links
• To-dos and notes
• Theme selection
• Achievement progress

Everything stays on YOUR device.

💡 Why MoodTabs?

Better Than Competitors

• Individual habit streaks - Most extensions only have 1 global streak
• Beautiful light themes - Perfect contrast, not just dark modes
• Editable quick links - Add/edit/delete with elegant UI
• Achievement system - Gamification keeps you motivated
• Animated Pomodoro - Visual progress, not just numbers
• Privacy-first - Zero tracking, zero data collection

Perfect For

• Students tracking study habits
• Professionals building routines
• Anyone wanting better productivity
• People who love beautiful design
• Privacy-conscious users

📸 Screenshots

(Will be added after installation - see SUBMISSION_GUIDE.md)

🛠️ Technical Details

• Permissions: Storage only (for saving your data)
• Browser: Edge 91 or higher
• Storage: browser.storage.sync (with localStorage fallback)
• Code: Pure vanilla JavaScript, no frameworks
• Size: 35KB compressed

🐛 Support & Feedback

• Issues: Report bugs on GitHub
• Feature Requests: Share your ideas

📄 License

CC0-1.0 license - See LICENSE file for details

🙏 Credits

• Fonts: Inter & JetBrains Mono (Google Fonts)
• Icons: Custom designed
• Inspiration: Productivity community

---

Made with ❤️ for productivity enthusiasts

Transform your new tab. Transform your day. 🚀

This site is open source. Improve this page.