A beautiful, customizable iOS-style widget dashboard for Visual Studio Code. Transform your sidebar into a productive workspace with stunning widgets!
✨ Features
🎨 4 Beautiful Themes
- Dark Glass - Professional dark theme (default)
- Ocean Blue - Calming blue gradient
- Pink Dreams - Vibrant pink theme for the girlies! 💕
- Forest Green - Natural green theme
- Real-time clock with date
- Clean, minimal design
- Auto-updates every second
📝 Quick Notes
- Persistent note-taking
- 1000 character limit
- Auto-save functionality
- Character counter
For users with project boards:
- 📬 Notifications with unread badges
- 🔀 Pull Requests tracking
- 📋 Issues management
For solo developers:
- 📚 Repository overview with stars/forks
- 💾 Recent commit history
- 📊 GitHub statistics dashboard
🏈 Live Sports
- NFL, NBA, MLB, NHL scores
- Live game updates
- Team matchups and scores
- Expandable view modes
📈 Stock Market
- Real-time stock prices
- Popular stocks (AAPL, GOOGL, MSFT, etc.)
- Price change indicators
- Expandable detailed view
🎵 Ambient Music
- Relaxing background sounds
- Rain, Ocean Waves, Fireplace, Forest, Coffee Shop, White Noise
- Volume control
- Perfect for focus
🚀 Getting Started
- Install the extension from VS Code Marketplace
- Click the Widget Dashboard icon in the Activity Bar
- Click "+ Add Widget" to add your first widget
- Click 🎨 Theme to customize colors
- Click ⚙️ Edit to rearrange or remove widgets
🎯 Usage
- Click the "+ Add Widget" button
- Choose from 6 available widgets
- Widget appears in your dashboard
Customizing Theme
- Click the 🎨 Theme button
- Select from 4 beautiful themes
- Theme applies instantly
Editing Layout
- Click ⚙️ Edit to enter edit mode
- Drag and drop widgets to reorder
- Click × on any widget to remove it
- Click Done when finished
Moving the Dashboard
You can move the dashboard to any sidebar:
- Right-click the Widget Dashboard icon
- Select "Move View"
- Choose Primary Sidebar, Secondary Sidebar, or Panel
📱 Responsive Design
The dashboard automatically adapts to your sidebar width:
- < 300px: Ultra-compact single column
- 300-500px: Comfortable single column
- 500-800px: 2-column grid
- 800px+: Multi-column bento grid
🔐 GitHub Authentication
The GitHub widget requires authentication:
- Click "Sign in with GitHub" in the widget
- Authorize VS Code to access your GitHub account
- Your data will load automatically
⚙️ Requirements
- Visual Studio Code version 1.85.0 or higher
- Internet connection for GitHub, Sports, and Stock widgets
🎨 Themes Preview
- Dark Glass: Sleek black with glass morphism
- Ocean Blue: Deep ocean gradient with blue accents
- Pink Dreams: Purple-pink gradient with hot pink accents
- Forest Green: Deep forest gradient with green accents
🤝 Contributing
Found a bug or have a feature request? Please open an issue on GitHub!
📄 License
MIT License - feel free to use and modify!
🌟 Support
If you enjoy this extension, please:
- ⭐ Star the repository
- 📝 Leave a review on the marketplace
- 🐛 Report bugs or suggest features
Made with ❤️ for the VS Code community
| |
