/StartTreeV2

🌳 A $tree styled start page generator!

Primary LanguageJavaScript

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.

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.