Skip to content
GitHub repository

Showcase

Five design sheets, from Health cards to Live Activities, rebuilt pixel for pixel with smooth, anti-aliased pixi-silk graphics. 81 live widgets. Each pair shows the reference image on the left and a still frame of the live render on the right. Open a sheet to drag a compare slider over it, or use the widget viewer to inspect any widget up close.

Sheet 1: Health cards

Open the live sheet

Ten Health cards: area charts with dots and a dashed forecast, bars, candles, ranges and signal bars.

Health cards reference design next to its smooth, anti-aliased pixi-silk rebuild in PixiJS v8

Sheet 2: Watch complications

Open the live sheet

Twenty complications: heart-rate zones, network, calendar, golden hour, clock with stadium ticks, mood, sleep, Tesla.

Watch complications reference design next to its smooth, anti-aliased pixi-silk rebuild in PixiJS v8

Sheet 3: Fitness & home

Open the live sheet

Calendar week, hike map, sound levels, motion detection, elevation, water, run pace, boarding pass and wind.

Fitness & home reference design next to its smooth, anti-aliased pixi-silk rebuild in PixiJS v8

Sheet 4: Live Activities

Open the live sheet

Black cards with continuous corners and measured soft shadows on a light sheet: flight, delivery, ISS flyover, cadence, race.

Live Activities reference design next to its smooth, anti-aliased pixi-silk rebuild in PixiJS v8

Sheet 5: Watch widgets

Open the live sheet

Cycling, 2FA codes, now playing, crosshair, garage door, AirPods compass, barometer and moon phases.

Watch widgets reference design next to its smooth, anti-aliased pixi-silk rebuild in PixiJS v8