A simple customizable startpage for your browser. Some ideas and design are inspired and taken from r/startpages.
To use this as your homepage, you have to change the homepage and new tab in your browser settings. You can either:
- Set path from local file
- Use the deployed link on github.
- Host it yourself on your own website or Fork this repository and deploy it on your github account (if you prefer it that way).
- Host it locally by using a simple web server like fenix (I recommend using the beta 3.0 version, it has auto startup and stuff)
Extension that you can use to override the new tab page:
- Firefox: new tab override (I use this)
- Chromium: Custom New Tab URL
- Edge: Custom new tab
This startpage is very customizable. You can change the search engine, window title, username, favicon, cover image, opacity, blur, bookmarks, page css, etc. background, the search engine, the links, and the colors.
Bookmarks use json format. It's an array of objects that is formatted like this
[
{
"title": "Title",
"links": [
{
"label": "Name",
"value": "URL"
}
]
}
]
User styles are written in css. You can change the already provided :root variables. You can also override the classes that are already provided in the css files.
Default variables:
:root {
--bg-image: url("");
--bg-color: #282a36;
--card-bg-color: #44475a4d;
--card-shadow-color: #6272a4;
--light-color: #dbdbdb;
--light-dim-color: #b3b3b3;
--primary-color: #50fa7b;
--primary-dim-color: #05a82e;
--secondary-color: #bd93f9;
--secondary-dim-color: #a76ef7;
--search-input-color: #f8f8f2;
--search-btn-color: #6272a4;
--search-btn-hover-color: #ffffff1a;
--gray: #44475a;
--warning-color: #ffb86c;
--danger-color: #ff5555;
--danger-dim-color: #ff0000;
}
- Base design and some ideas from r/startpages mainly startpagev2 by aman333nolawz
- url validator by validator.js
- Scanlines animation by LernyWensi
Image sources:
