ZenTab

ZenTab - A cleaner tab. A sharper mind

A minimal, highly customizable New Tab page with a premium Liquid Glass aesthetic. Beautiful, functional, and privacy‑focused.

Get Started Explore Features Download for Firefox

Screenshots

Dark · Liquid Glass
Light
Dark
Pure Black

Features

Widgets

Widget Description
Clock Precise digital clock with 5 styles: Default, Minimal, Bold, Liquid, Neon
Literature Clock Displays iconic F1 driver quotes
Weather Real-time weather with temp, wind, humidity (no API key needed)
Notes Auto-saving notepad with copy/clear functions
ToDo List Simple task manager for daily goals
Racing Calendar F1 race sessions (FP1, Quali, Race) with live countdowns
IP Info Public IP, location, and ISP details
Pomodoro Customizable focus timer for productivity
Quick Links User-defined shortcuts for frequently accessed websites and services
Backup & Restore Export your settings to a file or import them on another device

Customization

  • Themes: Light and Dark modes
  • Layout: Fully draggable and resizable widgets (Edit Mode)
  • Background: Upload images or use custom URLs
  • Blur Effect: Adjustable glassmorphism blur strength (0-50px)
  • Custom CSS: Inject your own styles for advanced customization
  • Language: English and Italian support

Privacy & Performance

  • No Tracking - Zero analytics or data collection
  • Local Storage - All settings saved locally in your browser
  • Lightweight - Built with Vanilla JavaScript for maximum speed
  • Open Source - Fully transparent and customizable

Setup

  1. Install the extension in your browser via the Firefox Add-ons website or downloading it from the GitHub repository
  2. Open a new tab — ZenTab automatically replaces your default new tab page
  3. Open Settings (bottom right) to customize widgets, themes, and more

Development

ZenTab/
├── index.html # Main structure
├── css/
│ └── styles.css # Styles and variables
├── js/
│ ├── app.js # Widget logic and state management
│ └── icons.js # SVG icon definitions
├── assets/ # Icons and images
└── manifest.json # Extension configuration

Tech Stack

  • HTML5 - Semantic structure
  • CSS3 - Glassmorphism effects and animations
  • Vanilla JavaScript - No frameworks, pure performance
  • ES6 Modules - Modern, maintainable code

Credits

  • Fonts: Inter by Google Fonts
  • Weather API: Open-Meteo - Free weather data
  • IP API: ipapi - Geolocation service
  • Racing Data: Jolpica F1 - F1 calendar and results

License

MIT License - Feel free to use and modify!