Dynamic Island's defaults look great out of the box. But the real depth of the app is in its customization — a settings panel that spans everything from visual themes to physics constants to a drag-and-drop widget canvas.
This guide covers every major customization layer, from the quickest wins to the most technical tweaks.
Step 1: Choose your theme
Open Settings → Appearance → Themes. Twelve built-in themes are grouped into three families:
To create a custom theme: Settings → Appearance → Themes → New Theme. Four controls: Background blur (0–100%), Surface opacity, Border opacity, Accent color. Changes preview live in the island before you save.
Step 2: Tune the animations
Settings → Appearance → Animation. Two physics sliders control how the island feels:
Spring tension (stiffness): Higher values make transitions snap into place quickly. Lower values give a more elastic, bouncy feel. Default is 320.
Damping ratio: Controls overshoot. At 1.0 there's no bounce — the island settles precisely. At 0.5 it will bounce once or twice before settling. Default is 0.75, which gives one subtle overshoot on expansion.
Step 3: Configure app routing
Settings → Notifications → App Routing. This controls which apps are allowed to surface in the island and in what priority order.
Each app gets three settings: Allowed (can appear), Priority (1–3, where 1 can interrupt an active activity), and Duration (how long the compact state stays visible before auto-collapse, from 3–30 seconds).
A common setup: Messages and Calendar at Priority 1 with 10-second duration; Slack and Mail at Priority 2 with 5-second duration; most other apps disabled.
Step 4: Build your HUD
Settings → HUD Builder. This is the most powerful and least explored section of the app. A visual canvas lets you place information modules that display persistently in the island when no notifications or activities are active.
Available modules include: CPU load, RAM used, network up/down speed, battery percentage, current time with custom format, date with next calendar event countdown, weather temperature, and a free text field for anything you want to hardcode.
Each module has: position (left, center, right within the compact island), size (compact single value or expanded label+value), and a visibility rule (always, only on hover, or only when a threshold is exceeded — e.g., show CPU only when above 80%).
The threshold-based visibility is particularly useful for turning the island into a passive monitor that only speaks up when something needs attention, rather than a constant data feed.
Step 5: Reduce Motion support
If you have Reduce Motion enabled in macOS System Settings → Accessibility, Dynamic Island automatically switches to crossfade transitions instead of spring animations — respecting the system-wide preference without any additional configuration.
You can also manually set this: Settings → Appearance → Animation → Use crossfades only. Useful for users who find the physics motion pleasant in most apps but prefer stillness in the menu bar.