Vision Dashboard – Mindful Productivity Hub

Supercharge your focus with a new tab designed to eliminate distractions and amplify your productivity potential.

This is a Plasmo extension project bootstrapped with plasmo init.

---

✨ Features

• 🧘 Mindful Productivity Hub – Start every session distraction-free.
• 🌄 Customizable Dashboard – Tailored wallpapers, widgets, and shortcuts.
• ⚡ Fast & Local-First – Powered by Chrome LocalStorage, no server data collection.
• 🎨 Modern UI – Built with React, TailwindCSS, and HeroUI.
• 🛠️ Extensible – Designed for customization and contributions.

---

Vision Dashboard – Screenshots & Banners

Focus Mode View	Environments

Alternative Layout 1	Alternative Layout 2

---

🚀 Getting Started

Install dependencies:

pnpm install
# or
npm install

Run the development server:

pnpm dev
# or
npm run dev

Open your browser and load the appropriate development build. For example, for Chrome (MV3):

build/chrome-mv3-dev

---

📦 Making a Production Build

pnpm build
# or
npm run build

This generates a production-ready bundle for publishing.

---

🌍 Browser Targets

You can build specifically for:

npm run build:chrome       # Chrome (MV3)
npm run build:firefox:v2   # Firefox (MV2)
npm run build:firefox:v3   # Firefox (MV3)
npm run build:edge         # Microsoft Edge
npm run build:brave        # Brave
npm run build:opera        # Opera
npm run build:safari       # Safari

---

🛠️ Tech Stack

• Plasmo – Extension framework
• Next.js – App framework
• React 19 – UI library
• Tailwind CSS – Styling
• HeroUI – UI components
• Zustand – State management
• TypeScript – Type safety
• Plus: SWR, Axios, Immer, Lodash, Day.js, Rough Notation

---

🤝 Contributing

We welcome contributions!

1. Fork the repository

2. Clone your fork:

   git clone https://github.com/<your-username>/vision-dashboard.git
   cd vision-dashboard

3. Create a new branch:

   git checkout -b feature/my-feature

4. Commit your changes:

   git commit -m "Add my feature"

5. Push and create a Pull Request 🎉

See CONTRIBUTING.md for more details.

---

📜 Credits

This project is built with love for developers & creators.

Open Source Libraries

• React, Next.js, Tailwind CSS, HeroUI, SWR, Zustand, Axios, Immer, Lodash, Rough Notation, Day.js

Figma Community Resources

• Apple Design Resources for visionOS
• Vision Pro Prototype
• Plus additional Figma Community files (see Credits Page)

---

📄 License

This project is licensed under the MIT License – see the LICENSE file for details.