In simple English
This tool lets you test your website menu before you build the site. You set up a list of topics and ask people to find a specific page. You watch where they click and where they get stuck. You fix your navigation before real users run into trouble. You run it on your own server for free.
What it is
UsabiliTree is an open-source web app built with Next.js (a framework for building websites with React) and TypeScript (a programming language that adds safety rules to JavaScript). It helps you create clickable text menus, send tests to users, and see reports on how they navigate.
What it is good for
UX designers and solo builders who want to test their website structure without paying for expensive user research software.
- Completely free to self-host with no user limits.
- Clean dashboard for managing multiple navigation tests.
- Built-in analytics to track where people click during a test.
- Requires technical setup with a database and environment variables.
- The author notes this is an older version while a redesign is in progress.
- Custom licence terms require care if you modify and host it for others.
Paid user research platforms like Treejack
PostHog
- GoogleChromeLabs/squoosh26k stars
A web page that compresses images in the browser and shows you the result before you save it.
- simple-icons/simple-icons26k stars
More than 3,400 brand logos as single-colour SVG files, released into the public domain.
- phosphor-icons/core394 stars
The raw SVG files and the catalogue for the Phosphor icon family, with no framework package attached.
git clone https://github.com/aar0npal/usabilitree.git cd usabilitree npm ci cp .env.example .env.local npm run db:generate npm run db:migrate npm run dev