nimone/newtab

A minimal and powerful new tab / home page for your browser.

โ˜… 0Forks 1TypeScriptGitHub โ†—Compare

Project website โ†—

homepagenewtabpreacttailwindcsstypescript

README

New Tab ๐Ÿ“Œ

A minimal and powerful new tab / home page for your browser.

Set this as homepage of you browser: https://mintab.pages.dev/

Screenshot (light): Light theme

Screenshot (dark): Dark theme


Features ๐ŸŒŸ

  • Organize your sites in categories.
  • Use your favourite search engine.
    • Currently supported: Google, DuckDuckGo, Yahoo, Bing and Ecosia.

  • Powerful search across all your sites from one place.
  • Stores all data privately in your browser's inbuilt local storage.
  • Re-arrange and re-categorize your sites to your liking.
  • Off course, dark mode.

Technologies used ๐Ÿ› ๏ธ

  • Preact - Fast 3kB alternative to React with the same modern API.
  • Typescript - JavaScript with syntax for types.
  • Tailwind CSS - A utility-first CSS framework.
  • Teaful - Tiny (1kb) Preact state management lib
  • Feather Icons - Simply beautiful open source icons
  • Vite - Frontend Tooling

Build yourself

  1. Clone this repo
git clone https://github.com/nimone/newtab && cd newtab
  1. Install project dependecies
npm install
  1. Build the project and start a local server
npm run build && npm run serve

Or, run a development server using npm run dev

Issues