A beautiful, customisable New Tab page for Firefox and Chrome.

Maintained Fork of Tabliss

This repository is a maintained fork of Tabliss, originally a customizable new tab page for Firefox and Chrome. The original project has been abandoned, with no updates for over a year and numerous unmerged pull requests. I cloned the repository and merged most pending pull requests to bring in improvements and bug fixes. Moving forward, I will actively maintain and update this fork to keep Tabliss functional and up to date.

What's Next?

• Continued updates and bug fixes
• Adding new features from community contributions
• Keeping dependencies up to date

If you were a contributor to the original repo or have ideas for improvements, feel free to open an issue or submit a pull request. Let’s keep Tabliss alive!

Looking for contribution ideas?

Check out the github project for a list of features that are wanted, but not yet implemented. Anything not in in progress is most likely free for you to work on!

---

Brief Overview of a Few Improvements Over Tabliss

This list is by no means exhaustive. TablissNG includes many other tweaks, quality-of-life improvements, and features not detailed here.

• Customization

  • Support for custom search engines and browser defaults
  • Many more style options in display/font settings (eg. scale, underline, text outline, custom css class)

• Widgets

  • Time Tracker, Bitcoin Mempool, Top Sites, Binary Clock, Bookmarks, Custom HTML.
  • Enhancements: Daily Routine for Todos, Bible verses in Quotes, Markdown in Notes
  • "Free Move" mode for dragging widgets

• Backgrounds & Visuals

  • Wikimedia Image of the Day, NASA APOD, Giphy Image of the Day
  • Support for Videos, GIFs, and online image URLs
  • Automatic night dimming and random gradients

• Interface & Accessibility

  • Full dark mode
  • Complete translation support for all settings

Installation

The extension is available in the Firefox Add-ons Store, in the Chrome Web Store, and in the Edge Add-ons Store. If you want to use Safari, see INSTALL.md.

Nightly Builds (Firefox):

• Nightly (v1.6.5.0): Install Nightly

If you want to install the extension manually, or want nightly builds, see INSTALL.md.

Running Locally

For local development, you'll need Node.js and NPM installed. Latest versions should work.

First, clone the repo:

git clone https://github.com/BookCatKid/TablissNG.git
cd TablissNG

Then install the dependencies:

npm install

Available Commands

• npm run dev — Start a local development server
• npm run build — Build the project
• npm run test — Run tests
• npm run translations — Manage translation files (see TRANSLATING.md)
• npm run lint:fix — Run ESLint with --fix (or just npm run lint for checking)
• npm run prettier — Run Prettier with --write (or npm run prettier:check for checking)
• npm run deps:update — Run interactive dependency update tool (or npm run deps:check to just check for updates and unused dependencies)

By default, build and dev will target the web version. To specify a platform (Chromium or Firefox), append :chromium or :firefox to the command. For example:

npm run dev:chromium
npm run build:firefox

To test extension locally

Find the extension in dist folder.

For Chrome, go to chrome://extensions, turn on devoloper mode and click on "Load unpacked".

For Firefox, go to about:debugging#/runtime/this-firefox and click on "Load Temporary Add-on".

Environment variables

To develop with external services, you'll need to sign up for API keys and enter them into your .env file. Start by copying the example:

cp .env.example .env

Then, fill in your API keys:

GIPHY_API_KEY=your_key_here
UNSPLASH_API_KEY=your_key_here
NASA_API_KEY=your_key_here
TRELLO_API_KEY=your_key_here # this requires the correct redirect URI to be set up in your Trello app settings: https://53dad6be72180770ccc08f0a6e2fc8a64dcf7b42.extensions.allizom.org and https://dlaogejjiafeobgofajdlkkhjlignalk.chromiumapp.org should work for firefox and chromium respectively.

Credits

Special thanks to joelshepherd for originally creating and maintaining this project. Also, huge appreciation to everyone who contributed, especially those whose pull requests I merged!

Contributing

Take a look at the guide to contributing before starting.

Translations

Check out the guide to adding translations.