Skip to content

liopoos/novaTab

Repository files navigation

novaTab

A minimal Chrome new tab extension that turns your browser bookmarks into a clean navigation page, with theme customization and full-text search.

Chrome Extension Manifest V3 React TypeScript Tailwind CSS License

novaTab

English | 中文


Features

  • 🌲 Bookmark tree sidebar — full bookmark hierarchy with expand / collapse
  • 🗂 Visual grid — browse folders and bookmarks as cards
  • 🔍 Global search — real-time search across all bookmarks
  • 🌗 Dark / Light / System — follows your OS preference
  • 🌐 i18n — English, Chinese, Japanese
  • ⌨️ Keyboard shortcuts/ search · [/] collapse/expand · H home · ? help
  • 🔗 Bookmark checker — concurrently probe bookmarks for accessibility, view results, and delete broken ones in bulk

Tech Stack

Framework React 18 + TypeScript (strict)
Build Vite 5 + @crxjs/vite-plugin
Styling Tailwind CSS v4 + shadcn/ui (Radix)
Icons lucide-react
i18n i18next + react-i18next

Installation

  1. Download nova.zip from the Releases page and unzip it to get the nova/ folder
  2. Open Chrome and navigate to chrome://extensions
  3. Enable Developer mode in the top-right corner
  4. Click "Load unpacked" and select the nova/ folder

Keyboard Shortcuts

Key Action
/ Focus search bar
Esc Clear search
[ / ] Collapse / expand all folders
H / Home Go to root
? Open shortcuts dialog

Local Build

Prerequisites: Node.js 18+, npm 9+, Google Chrome

npm install
npm run dev        # Vite dev server → http://localhost:5173
npm run build      # Production build → dist/
npm run type-check # Must exit 0 before committing

Once built, follow the installation steps above and select the dist/ folder.

License

MIT

About

A minimal Chrome new tab extension that turns your browser bookmarks into a clean navigation page

Resources

License

Stars

Watchers

Forks

Packages

 
 
 

Contributors