Skip to main content

​
Overview

Glass Effect is a property you can apply to any object from the Appearance Panel. When enabled, it adds Apple’s liquid glass—either regular or clear—so the object refracts background content much like real glass. Glass Effect.jpg For a dynamic glass effect, you can place multiple objects with glass effect inside a Glass Effect Container. Within the container, their shapes can morph together, creating unified shapes.

​
Glass Properties

​
Enabling Glass

Switch Glass on or off to toggle the glass effect. Other materials will be disabled if glass is on. 
object.glassEffectEnabled
Type: boolean
Values:
true = enabled
false = disabled
Can get or set the value.
Once you’ve enabled Glass, you’ll see several other properties:

​
Style

Set the glass’s style to regular (left) or clear (right):
  • Regular: The object has soft glass edges and a frosted glass body obstructing much of the background.
  • Clear: The object has glass edges but a more transparent body, showing more of the background.
object.glassEffectStyle
Type: string
Values: "regular" , "clear"
Can get or set the value.
Glass Effect 2 (1).jpg

​
Interactivity

Choose if the glass effect should remain static (off) or respond visually to user input by growing slightly, shimmering, or otherwise changing its appearance (on). 
object.glassEffectIsInteractive
Type: boolean
Values:
true = enabled
false = disabled
Can get or set the value.

​
Tint

Choose an optional tint color. The glass effect will still be visible, even with an 100% opacity tint. 
object.glassEffectTintColor
Type: color
Can get or set the tint color or an individual color property.

​
UI Appearance

Set the appearance style to auto, light, or dark mode. 
object.glassEffectStyle
Type: string
Values: "auto" , "light", "dark"
Can get or set the value.
⌘I