Open source · design system

UI Kit

Two open-source kits that restyle the Ubuntu desktop, each installed with one command. Below them is the SOLOX design system: the type, colours and components this site is made from.

Kit 01Ubuntu 24.04+ · GNOME 46 · v1.1.0 · open source
Ubuntu Mac Kit icon

Ubuntu Mac Kit

A complete macOS-style desktop on Ubuntu, in one installer.

Ubuntu Mac Kit thumbnail: a macOS-style Ubuntu desktop with the Mac Bar
Drawing of a macOS-style Ubuntu desktop: glass top bar, Finder-style window, blue folders, dock

What's inside

  • WhiteSur-dark icons with regenerated blue macOS folders and white page file icons
  • macOS cursor, dark GTK styling, window buttons on the left
  • Mac Bar: blurred top bar, Ubuntu logo menu, dock magnify + bounce
  • Sticky notes, optional Desktop Stack pile and GitHub widget
  • Backup on install; the uninstaller restores your old settings

Install

$ tar -xzf ubuntu-mac-kit.tar.gz && cd ubuntu-mac-kit && ./install.sh

Download ubuntu-mac-kit.tar.gz from the latest release first. No sudo; everything goes into your home folder.

14-second brand film

Kit 02Ubuntu 24.04 · v1.0.1 · MIT licence
Ubuntu Widgets icon

Ubuntu Widgets

Glass GitHub widgets for the Ubuntu desktop.

Ubuntu Widgets thumbnail: GitHub repo analyser and contribution calendar on the Ubuntu desktop
GitHub Repo Analyser widgetGitHub Contribution Calendar widget

What's inside

  • GitHub Repo Analyser: pick a repo, see commits per day and replay its latest merged pull request
  • GitHub Contribution Calendar: your contribution grid on the desktop
  • Glass cards that sit on the desktop and toggle on and off

Install

$ curl -fsSL https://github.com/chhari07/ubuntu-widgets/releases/latest/download/install.sh | bash

One command. Installs both widgets into your home folder.

14-second brand film

SOLOX design systemLive components from this site

01 · Type

Aa

Anton · display · uppercase · line-height 0.86

Aa

Inter · body 16–21 px · labels 14 px uppercase

02 · Colour

Black and white at rest. Colour appears only on hover, one accent per project.

Ink#0A0A0AAll text and lines
Paper#FFFFFFEvery background
Mute#6B6B6BLabels and meta
Line#0000001FRules, 12% ink
Orange#FF6A3DHover accent
Green#22C55EHover accent
Blue#3B6BFFHover accent
Yellow#FACC15Hover accent
Red#EF4444Hover accent

03 · Buttons & labels

Pill button ↗Underline link ↗Section labelMeta · 2026

04 · Hover type

Hover me

05 · Line illustrations

Hand-drawn style, 3 px black stroke, an offset shape that fills with colour on hover. Drawn as SVG for this site.

listen
build
guard
brand
tell
design
creative
ai
deploy
clock
usb
calendar
topbar