Smartboard is a powerful open-source browser extension that transforms your "New Tab" page into an expansive creative workspace. Stop losing your thoughts in scattered tabs and fleeting notes—visualize everything in one place.
- Expansive Canvas: A massive localized workspace to organize your thoughts, managed with smooth pan and zoom controls.
- Rich Media Support:
- 📝 Notes: Sticky notes for quick ideas and reminders.
- ✅ Tasks: Interactive to-do lists to keep you on track.
- 🖼️ Images: Drag and drop or upload images directly to your board.
- ✍️ Text: Rich text editing with formatting support.
- 🎨 Drawings: Freehand drawing tools for sketches and diagrams.
- 🔷 Shapes: Geometric shapes for flowcharts and organization.
- 🔗 Connections: Link items together to create mind maps.
- Integrated Search: A versatile search widget (support for Google, Bing, Brave, DuckDuckGo) right on your canvas.
- Customization: Toggle between Light and Dark modes.
- Privacy Focused: All your data is stored locally in your browser.
Built with modern web technologies for performance and reliability:
- Framework: WXT (Web Extension Framework)
- UI Library: React + TypeScript
- Styling: Tailwind CSS
- State Management: Zustand
- Rich Text: TipTap
- Animations: Framer Motion
-
Clone the repository:
git clone https://github.com/gauravvyadav/smartboard.git cd smartboard -
Install dependencies:
npm install
-
Start Development Server:
npm run dev # For Edge: npm run dev:edgeThis will start the WXT development server. It will automatically open a new instance of Chrome/Edge with the extension loaded.
-
Build for Production:
npm run build # For Edge: npm run build:edgeThe output will be in the
.outputdirectory, ready to be loaded into Chrome or Edge. -
Zip for Store:
npm run zip # For Edge: npm run zip:edgeThis will create a
.zipfile in the.outputdirectory, ready to be uploaded to the Chrome Web Store or Edge Add-ons.
This project is open source and available under the MIT License.