Chapter 3

Frameless Window UI

Custom titlebar, drag regions, polished feel.

~13 min total2 lessonsAssignment

By the end of this chapter you'll be able to

Build a custom titlebar
Wire drag regions
Window controls (min/max/close)

Lessons

Module: Shell

Custom titlebar

--wails-draggable + Tailwind.

7mmedium

Window controls

Min, max, close, traffic lights.

6mmedium

Chapter assignment

Polished titlebar with controls

Build a custom titlebar with your app icon on the left, title centred, and minimise/maximise/close buttons on the right. Make the empty area draggable.

See success criteria

Lesson 1 takes ~7 min.

Start chapter

Spot a typo? Have an idea?

Help us improve this chapter. One click opens a GitHub issue with this chapter's URL pre-filled — suggest a clearer wording, report a bug, or request a new lesson. The course keeps improving thanks to learners like you.

Suggest an improvement on GitHub

ch.2: Offline-First ch.4: In-App Auto-Update