Building My New Website with UIKit, Jus and CuboHub
How I built my personal website using UIKit for the frontend, Jus as a static generator, and CuboHub for hosting.

A little about the three tools.
Jus is an amazing framework that allows you to quickly build a functional site in a similar way to Jekyll, but with an easier-to-use system, and I like the way it works with page templates.
UIKit, for me, is "the new Bootstrap". You have components with a very simple and clean standard.
I created CuboHub to automatically update the websites of my projects.
The beginning!
Well, my old website used a theme I downloaded from the internet and made some modifications to. After a while, the number of projects grew and I started having compatibility issues on some devices, and I also had difficulty keeping the pages always up to date.
I took the first step and started creating a generator for this, called CuboHub, available on GitHub: https://github.com/CuboHub. The page is updated every time there's a new change in the repository. Then I started planning my new website, found the right tools for the job — UIKit and Jus — and with the layout in my head, I was able to execute this project in two days. You can see the results at tiagodanin.github.io.
PS: Jus uses lobars, an amazing tool!
Advantages
Jus
- Many supported file formats (the amount is really incredible).
- Easy to use.
- Clean URLs.
- Supported on GitHub Pages.
- Many options/functions for page templates.
UIKit
- Clean CSS.
- Responsive web design.
- Mobile platform support.
- RTL support.
- Uses the "uk-" prefix for everything. :) No conflict with your CSS.
CuboHub
- I'm the developer :v.
- Track your commits.
- Easy to configure.
Keep reading
Anatomy of the System Bars: Status Bar and Navigation Bar in Flutter, Jetpack Compose and SwiftUI
I have had App Store submissions rejected over status bar contrast. How the status bar, the navigation bar and the home indicator work, what edge-to-edge changed on Android, and how to configure each bar in Flutter, Jetpack Compose and SwiftUI.
Flutter Widgetbook: How to Document your Design System the Right Way!
How Widgetbook solves the documentation problem in Flutter projects with a custom design system. On Direção Fácil, it became a visual catalog, a contract with Figma, and precise context for Claude Code to generate screens using the right widgets.
Creating an AI Agent in Claude Code to Control my Smartphone
Automating Android app documentation and testing with an AI agent in Claude Code, wired to an MCP server that drives a real device over ADB.
This article was translated from Portuguese with the help of an LLM. The original version may contain nuances not fully captured in this translation.