Tabin 是一個以新分頁為使用情境設計的書籤管理 App。它把常用網站整理成資料夾和圖示網格，讓使用者可以用更接近桌面啟動器的方式管理連結。

主要用途

Tabin 適合用來整理日常工作、學習、專案或個人常用連結。使用者可以建立資料夾，把書籤分門別類，並在瀏覽器新分頁中快速開啟常用網站。

核心功能

• 書籤管理：新增、編輯、刪除書籤。

• 資料夾管理：新增、編輯、刪除資料夾。

• 分類檢視：可切換「所有」或指定資料夾查看書籤。

• 圖示網格：書籤以 favicon 圖示和名稱呈現，方便快速辨識。

• favicon 來源 fallback：會依序嘗試 Apple touch icon、SVG favicon、ICO favicon、DuckDuckGo 與 Google favicon 來源。

• 拖曳排序：書籤可以在目前檢視中拖曳排序。

• 匯入/匯出備份：可匯出 JSON 備份，也可匯入備份恢復資料。

• 本機資料保存：App 資料儲存在瀏覽器本機，不需要後端服務。

• Chrome 新分頁導向：extension 資料夾提供一個簡單 Chrome extension，可把新分頁導向部署後的 Tabin 網址。

技術架構

• 前端框架：React

• 建置工具：Vite

• 語言：TypeScript

• 圖示：lucide-react

• 資料儲存：瀏覽器 localStorage

• 部署目標：Vercel 或其他靜態網站平台

資料與隱私

Tabin 預設不需要登入，也不會把書籤資料送到伺服器。書籤、資料夾與設定會存在使用者目前瀏覽器的 localStorage。若更換裝置或清除瀏覽器資料，請先使用匯出功能備份。

適合的使用方式

• 作為個人的瀏覽器新分頁首頁。

• 管理工作常用工具、文件、服務後台和專案連結。

• 透過 JSON 備份在不同環境間搬移書籤資料。

• 部署成公開或私人 Vercel 網址，再搭配 Chrome extension 使用。