Skip to content

simpleneeraj/vision-dashboard

Repository files navigation

Vision Dashboard Preview

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
Vision Dashboard - Focus Mode Vision Dashboard - Minimal Layout
Alternative Layout 1 Alternative Layout 2
Vision Dashboard - Alternative Layout 1 Vision Dashboard - 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


🤝 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


📄 License

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

About

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

Topics

Resources

License

Contributing

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors