• Stars
    star
    192
  • Rank 202,019 (Top 4 %)
  • Language
    JavaScript
  • Created about 3 years ago
  • Updated over 1 year ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

🌳 A $tree styled start page generator!

starttreebanner

StartTreeV2

StartTreeV2 is a custom start page for your browser, also it's:

  • πŸ†“ Free: hosted on Github pages
  • πŸ”’ Private: no database, saved via url
  • ⚑ Lightweight: zero dependencies

β†’ Start HERE

Guides

✏️ Configuring

To enter edit mode, click on the cog icon in the top right corner.

Adding elements

Click the (+) buttons to add new elements:

adding elements gif

Editing elements

Search engine URLs Google search url: http://www.google.com/search?q=
DuckDuckGo search url: https://duckduckgo.com/?q=

Click on elements you would like to edit:

editing elements gif

Moving elements

Drag and drop elements you would like to move:

moving elements gif

Saving your StartTree

Click on the top right check button to copy and go to your new URL.

Pro tip: Use an url-shortener to shorten the link: TinyUrl

saving starttree
βš™ Setting as default

Once you configured your StartTree and copied its URL, you can set it as your default browser page.

🦊 Firefox

Set as home page: Guide

Set as new-tab page: Download the extension New Tab Override and set it as "custom url"

πŸ”΄ Chrome

Set as home page: Guide

Set as new-tab page: Download the extension Change new tab and set it as "URL address"

🧭 Safari

Set as home/new-tab page: Guide

Featured

StartTreeV2 - A $tree styled start page generator. | Product Hunt

Development

The current version is stable and tested in Firefox, Chrome and Safari. If you want to contribute, feel free to make a pull request. Please keep it simple and lightweight.

Adding themes
  1. Create a new .css file in /themes, which follows the same structure as the existing ones (most of them were generated using Pywal).

  2. Add a new entry at the end of the THEMES array in theme-changer.js

  3. (make a pull request)

Credits

StartTreeV2 is based on a static website generated using StartTree. Huge Thanks @Paul-Houser for creating such an awesome project!

How StartTreeV2 differs from StartTree:

The original version is a python program, which generates a static html page based on a yaml config. This version is a website hosted on Github pages, which means you do not have to host it yourself. To configure your tree, I added a web editor, which allows editing the tree directly in the browser. That means you do not have to write a yaml config and recompile the page every time you want to make a change. Your configuration data is stored in the url, which you simply copy once you are done with your configuration.