tools.benibix.com
Free tools for developers and data people: every tool its own page, guide and lessons, all on one design system in light and dark.
- UX and structure
- Design system
- Web apps
- Launch
- Year
- 2026
- Role
- Structure, design, build and launch
- Built with
- Next.js, React, TypeScript
- Status
- Live
The need
One home for free tools that people find by searching for the job they have, each tool easy to try, explain and keep up to date.
What I did
I planned the structure (categories, a page, a guide and lessons per tool), designed one system for every page and app in light and dark, built the apps and the site, and set up the server, statistics without cookies and the checks that run before every release.
The result
The site is live, every tool runs in the browser without an account, and a new tool starts from the same look and checks instead of from zero.
Other use cases.
- Website
design.benibix.com
This site: my design work, sixty-nine styles and a whole example site for every one, each with its own colours, type and dark look.
- UX and structure
- Design system
- 69 example sites
- Website
benibix.com
The home of BENIBIX: what it makes, who makes it and how to get in touch, with the legal pages in English and German.
- Structure
- Design
- Build
- Launch
- Web app
Report Design Studio
A whole report theme designed in the browser, with every chart previewed live and the file ready to load.
- UX
- UI
- Build
Like what you see?
A question about a style, feedback on this site, or an idea to share: I read every message and answer it myself.