Your space, no noise.

---

A customizable, minimalist New Tab extension for Chrome, Edge, Brave, and Firefox. Features a unique "clock of clocks" display and optional productivity widgets—clean, fast, works offline.

✨ Features

Core

• Clock of Clocks — Unique 24-cell digit display with 12/24h formats
• Customizable Tagline — Personalized greeting message
• Pinned Tabs — Quick access to favorite sites with drag-and-drop reordering
• Built-in Search — Configurable search engine integration

Widgets

• Pomodoro Timer — Focus sessions with browser notifications
• Tasks — Simple todo list that persists across tabs
• Weather — Current conditions at a glance
• Quick Notes — Persistent scratchpad for quick thoughts
• Quote of the Day — Daily motivational quotes from QuoteSlate API

Appearance

• 13 Color Palettes — Material, Nord, Catppuccin, Dracula, Tokyo Night, and more
• Light/Dark/Auto Modes — System theme integration
• Custom Backgrounds — Solid colors, gradients, or images with blur

🚀 Quick Start

Prerequisites

• Bun (recommended) or Node.js 18+

Development

git clone https://github.com/saatvik333/tabula.git
cd tabula
bun install

bun run dev          # Dev server
bun test             # Tests
bun run type-check   # Type check
bun run build        # Production build

Load Extension

Chrome / Edge / Brave:

1. Navigate to chrome://extensions
2. Enable Developer mode → Load unpacked → select dist/

Firefox:

1. Navigate to about:debugging → This Firefox
2. Load Temporary Add-on → select dist/manifest.json

📁 Project Structure

├── .github/workflows/ # GitHub Actions CI/CD workflows
├── docs/             # Store listings and compliance guides
├── scripts/          # Build, clean, and packaging scripts
├── src/
│   ├── app/          # New Tab app composition
│   ├── clock/        # Clock display
│   ├── core/         # Utilities (time, DOM, ticker, clone, limits, ID)
│   ├── pages/        # Page entrypoints (newtab, options)
│   ├── settings/     # Schema, defaults, storage, apply
│   ├── widgets/      # Pomodoro, tasks, weather, notes, quotes
│   └── assets/       # Icons, styles
├── bun-test.setup.ts # Bun testing environment setup
├── vitest-shim.ts    # Vitest execution shims
└── vitest.config.ts  # Vitest config file

🎨 Palettes

Palette	Style
Material	Clean material design
Nord	Arctic, bluish tones
Catppuccin	Soothing pastel
Dracula	Dark purple theme
Tokyo Night	Vibrant city lights
Gruvbox	Retro, warm colors
Rosé Pine	Natural, muted
Everforest	Soft green
One Dark	Atom-inspired
Solarized	Precision colors
Monokai	Iconic syntax
Ayu	Minimal elegance
Pitch Black	OLED dark

🔄 Releases

Releases are automated via GitHub Actions. Creating a new GitHub Release triggers:

• Build & test
• Package Chrome/Firefox zips
• Publish to Firefox Add-ons (AMO)

Chrome Web Store: Publish requires a $5 developer fee. Sponsor this project to help get Tabula on Chrome!

See RELEASE_GUIDE.md for secrets setup.

🤝 Contributing

See CONTRIBUTING.md for development setup and guidelines.

📄 License

MIT © 2025 Saatvik Sharma