A modern and elegant New Tab Page for the Midori Browser, designed for speed, customization, and simplicity.
Midori Tab replaces the default new tab experience with a fast, privacy-friendly, and visually appealing dashboard built using modern web technologies.
Midori Tab brings a new level of personalization and performance to your browsing experience:
- 🧩 Customizable Interface – Personalize your new tab with themes, widgets, and shortcuts.
- ⚡ Lightweight & Fast – Optimized for performance and low resource usage.
- 🪶 Modern Stack – Built using Vue, TypeScript, and Vite.
- 🔗 Midori Integration – Designed to work seamlessly with the Midori Browser ecosystem.
- 🧠 Modular & Extensible – Easily add or remove components and features.
- 🔒 Privacy-First – No tracking, no analytics, no data collection.
- 🔓 Open Source – 100% free and licensed under AGPL-3.0.
Coming soon — Screenshots, preview GIFs, and live demo links will be added in upcoming releases.
(Once the UI is finalized, add sample images here to showcase the design.)
To install or build Midori Tab locally:
# Clone the repository
git clone https://github.com/goastian/midori-tab.git
# Enter the project directory
cd midori-tab
# Install dependencies
npm install
# or
yarn install
# Build for production
npm run build
# or
yarn build
# Marketplace backend origin
VITE_MARKETPLACE_API_BASE_URL=http://localhost
VITE_MARKETPLACE_API_BASE_URL It should point to the origin of the marketplace. The extension client automatically resolves /api/v1..
Build targets:
npm run build:chrome
npm run build:firefoxpackage.json is the single source of truth for the extension version.
build-manifest.jsinjectspackage.json.versioninto the generatedmanifest/manifest.jsonfor every target.vite.config.jsinjects the same version into the app bundle through__MIDORI_APP_VERSION__.manifest/main.jsonand browser override manifests must not define their own version values.
If the version changes, update only package.json and rebuild the target manifest.