What NavShelf is
NavShelf is a free, no-signup start page that runs in your browser. A nested folder tree on the left, link cards on the right: you put the dozen sites you actually use into your own categories and see them the moment you open a new tab — no feed, no pop-ups to dismiss. It ships in English, Simplified Chinese and Traditional Chinese, with light and dark themes and a tools column of browser-based utilities (Base64, JSON formatting, timestamps). Folders, links and search settings live in your browser; nothing is uploaded, and there is no account.
Why bookmarks need a hierarchy
Browser bookmarks are flat by default: one long list, plus a folder or two if you were feeling organised. Somewhere past a few hundred links you stop browsing and start searching — and searching only works if you already remember roughly what the link was called. If you cannot remember it, you effectively never saved it.
A folder hierarchy solves a different problem: you do not need to remember, you only need to know where it is. The same way you find a two-year-old contract on a hard drive — not by searching the filename, but by clicking Client → 2026 → Contracts.
NavShelf uses that file-manager model, and gives it enough depth to be useful: up to five folder levels.
What the tree and the content area each do
The interface splits in two, and each half has one job:
- The folder tree on the left holds structure only, never links. Every node has a fixed colour chip, so sibling folders stay visually distinct and you start navigating by colour rather than by reading; folders that contain subfolders get a small triangle you can click to collapse or expand the whole branch.
- The content area on the right shows what is inside the current folder, split into two blocks — Folders and Links. The number on each folder card is the link count for that folder including everything in its subfolders, so you can see at a glance which branch is still empty.
Click any node in the tree and the right side follows immediately. The breadcrumb in the toolbar keeps the full path in view.
What each level should answer
Five levels sounds like a lot until you realise the trick: each level should answer a different question. If two levels answer the same question, one of them is redundant.
| Level | The question it answers | Example |
|---|---|---|
| 1 | Which part of my life is this? | Work / Learning / Personal |
| 2 | Which project or subject? | Client A / Website redesign |
| 3 | What kind of thing is it? | Contracts / Mockups / Reference |
| 4 | Is there a time or version axis? | 2026 / Old version |
| 5 | The rare long-lived subdivision | Signed |
Most content belongs at level three. Levels four and five are not goals — they are for things that genuinely accumulate over years: contracts filed by year, mockups that get revised, receipts split by tax year.
When to stop nesting: if a new folder is going to hold exactly one link, it should not be a folder. Put the link one level up. That single rule does more work than any depth guideline.
A complete example
My collection
├── Work level 1
│ ├── Client A level 2
│ │ ├── Contracts level 3
│ │ │ └── 2026 level 4
│ │ └── Mockups
│ └── Website redesign
├── Learning
│ ├── Programming
│ └── Languages
└── Personal
├── Home
└── Travel
To find the contract you signed with Client A last year: Work → Client A → Contracts → 2026. Four clicks, and every one of them is a category you already had in your head. No guessing which folder you used back then, no remembering a filename.
If you are still deciding what the top level should be, start with three broad folders — Work, Study, Life — and adjust once you have lived with them for a while.
Everyday actions: create, collapse, jump
- Create a subfolder: right-click in the tree → New folder, or right-click any empty space in the content area. The new folder is created wherever you currently are.
- Collapse and expand: the triangle in front of a folder name folds its whole branch. Everything starts expanded — collapse the branches you rarely visit when the sidebar gets long.
- Jump around: click a folder name to go into it, click any level of the breadcrumb to go back to it, and click “My collection” at the start of the breadcrumb to return to the root from anywhere.
- On mobile: the breadcrumb collapses to a single line; tap “Show the full path” to expand it and pick a level.
Three rules that protect the structure
- Five levels, hard stop. Try to create a subfolder while you are already five levels deep and the app refuses with “Maximum of 5 folder levels reached.”
- No dragging a folder into its own subfolder. The drop is blocked, because that would create a cycle and break the tree.
- Deleting cascades. Removing a folder removes every subfolder and link inside it, so you get a confirmation dialog first — the one prompt in the app worth reading carefully.
FAQ
How many top-level folders is right? Five to seven. The room you actually use is in levels two and three, so there is no need to ration the total.
Can I move a folder with everything inside it? Yes — subfolders and links travel with it. If the move would push a branch past five levels, it is refused instead. The full set of drag-and-drop rules gets its own article.
What is the number on a folder card?
The total link count for that folder, including links inside its subfolders. A folder showing 12 may open to reveal only three links, with the other nine one level deeper.
What if I delete the wrong folder? Deletion is immediate; there is no recycle bin. This is why the periodic Export JSON habit matters — it is the only way back to a previous state.
Folders or tags? Anything you need to find again by position belongs in the tree. Things you only want to grab once, with no lasting structure, are better left in your browser’s temporary bookmarks.
How does this relate to the start page article? That one covers making NavShelf your browser’s start page (set up in 10 minutes); this one covers the tree at the centre of it. Build the skeleton first, fill it afterwards.
Start with a small structure
Do not design a perfect five-level hierarchy on day one — designs like that rarely survive three months. Create three top-level folders, add the links you genuinely open daily, and split a level further only when it actually overflows.
Open NavShelf, right-click to create your first subfolder, and let the structure grow out of your habits.