ZeitTab Svelte Themes

Zeittab

A sleek, modern clock for your browser's new tab page. Features both analog and digital displays with customizable styles.

ZeitTab: Elegant Timekeeping for Your New Tab

Website | Chrome Extension | Firefox Add-on | Contributing

Transform your browser's new tab page into a moment of calm focus with ZeitTab.

ZeitTab is a beautifully minimalist browser extension for Firefox and Chrome that replaces the standard new tab page with a sleek, customizable timepiece. Inspired by the principles of clarity and visual comfort, ZeitTab offers both analog and digital time displays, complemented by essential date information, all presented in a distraction-free environment.

The name combines the German word "Zeit" (time) with "Tab," reflecting its core function and elegant, precise design.

ZeitTab Screenshot

✨ Features Showcase

🚀 Installation

✨ Features

Escape the Digital Noise

In a world of constant information, ZeitTab provides a simple, elegant anchor point each time you open a new tab. Instead of overwhelming shortcuts or blindingly bright search bars, you're greeted with a visually restful display focused purely on the present moment.

Key Features:

  • Dual Clock Modes: Choose between a classic Analog Clock with smoothly moving hands or a clean Digital Clock display.
  • Comprehensive Date Info: Stay oriented with the current Week Number (ISO standard), Day Name, and the Full Date, presented unobtrusively.
  • Deep Customization: Tailor ZeitTab to your exact preferences:
    • Analog Styles: Select from various face styles (ticks, dots, or minimal).
    • Hand Configuration: Adjust the length and color of hour, minute, and second hands. Choose to show/hide the second hand and toggle its smooth sweep motion.
    • Digital Formats: Opt for 12-hour or 24-hour digital display and toggle second visibility.
    • Date Layout: Arrange date elements stacked vertically or neatly inline. Show or hide individual date components (week, day, date).
  • Minimalist Design: Embraces a clean, modern aesthetic with a focus on simplicity and reducing visual clutter.
  • Visually Comfortable: Features a default dark gray background (#2a2a2a) designed to reduce eye strain, especially during extended browsing sessions (with plans for a light theme).
  • Lightweight & Performant: Built with modern technology to ensure minimal impact on browser performance and near-instant loading. (See Technology below)
  • Cross-Browser: Available for both Firefox and Chrome, thanks to standard WebExtension APIs and polyfills.
  • Easy Access Settings: Configure all options easily via a dedicated settings modal, accessible with a single click from the gear icon on the new tab. Settings save automatically.

🎯 Who is ZeitTab For?

ZeitTab is ideal for:

  • Individuals who appreciate minimalism and seek less digital distraction.
  • Users who prefer analog time visualization or want a clean digital alternative.
  • Anyone looking to create a more mindful and focused browsing experience.
  • Productivity enthusiasts who value function and aesthetics in their tools.
  • Design-conscious users seeking an elegant upgrade to their new tab page.

🛠 Technology

ZeitTab is crafted using a modern, efficient technology stack:

  • Svelte 5: Compiler-based framework for optimal performance
  • TypeScript: Full type safety and enhanced code quality
  • Tailwind CSS: Utility-first styling for a clean UI
  • Vite: Lightning-fast builds and development
  • WebExtensions API: Cross-browser compatibility

🤝 Contributing

We welcome contributions! Please see our Contributing Guide for details on how to:

  • Submit bugs and feature requests
  • Review source code changes
  • Make pull requests for any improvements

Make sure to read our Code of Conduct as well.

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

Top categories

Loading Svelte Themes