Play: Create Better Apps 4+

Play version 3.9 lets you design using the new iOS 26 elements including Liquid Glass!

Glass Effect
- Apply Liquid Glass to any object in Play by enabling the Glass effect property in the Appearance Panel. You can customize the Glass effect’s style, interactivity, appearance, and tint so the object refracts background content much like real glass.

Glass Container
- A Glass Container combines multiple glass elements into a single shape that can morph together individual shapes into one. You can control the distance at which the morphing begins using the container’s Spacing property.

Scroll Edge Effect
- Scroll Edge Effects create a subtle gradient + blur effect on the edge of a page or scroll container, allowing foreground content to stay visible above the scrolling content. When enabled, nav and tab bars trigger Scroll Edge Effects automatically. For custom foreground items to trigger Scroll Edge Effects, the Connect Edge Effect property must be enabled for the foreground item.

Updated Nav Bar & Tab Bar
- Native navigation bars and tab bars use the new Liquid Glass style, making them visually responsive to other content on the page. Both the nav and tab bar changes light/dark color based on the scrollable content and morphs buttons between pages. The tab bar now floats near the device’s bottom edge with a glass effect.
- Navigation bar and tab bar items can also now use PNG images in addition to SF Symbols. Custom images should be sized at 24x24 px at 3x and have a transparent background.

Updated UI Elements
- Several of Apple’s native elements—Sliders, switches, segmented controls, steppers, pickers, sheets, menus, alerts, and action sheets—look and function differently in iOS 26, and those updates are reflected in Play.

Slider Ticks & Neutral Value
- Native sliders can now display ticks indicating steps along the slider’s range. A slider can display ticks for each step, no steps, or for specific steps only, and you can decide if the slider’s value should snap to the ticks or be a more freeform slider.
- You can also set an anchor point for the slider’s fill by adding a Neutral Value. For a default slider, this anchor point is the left-most side, making the natural value 0.

New SF Symbols & Draw In/Out Effect
- We’ve added over 400 new SF Symbols and two new SF Symbol animations, Draw In and Draw Out. These animations show or hide a symbol based on its path, creating a drawing effect.

Concentric Corners
- Create perfectly aligned corners by enabling the Concentric property in each child’s corner radius sub panel. Play automatically matches the corner radius curvature to the parent, so your designs stay consistent. You can choose to enable concentric corners for all corners with the Uniform property or enable individual corners.

Other Improvements
- We added new iPhone Bezels for iPhone 17, iPhone 17 Pro, iPhone 17 Pro Max, and iPhone Air.
- Code Export for this version of Play includes support for glass effect, glass effect container, glass button style, concentric corners, SF symbol effects, and slider updates. You can instead choose to export for iOS 18 from the code panel dropdown.