Skip to main content

Glass Effect

An appearance property that adds a Liquid Glass effect to an object.

Updated over 3 weeks ago

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.

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

Glass

Enable (on) or disable (off) the glass effect.

Once you've turned Glass on, 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.

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).

Tint

Choose an optional tint color. The glass effect will still be visible, even with an 100% opacity tint.

UI Appearance

Set the appearance style to auto, light, or dark mode.


Related Expression Editor Properties

Glass Effect Appearance

object.glassEffectAppearance

The current UI appearance of the glass effect.

Glass Effect Enabled

object.glassEffectEnabled

Returns a boolean value of true if glass effect is enabled.

Glass Effect Is Interactive

object.glassEffectIsInteractive

Returns a boolean value of true if glass effect is interactive.

Glass Effect Style

object.glassEffectStyle

The current style of the glass effect (regular or glass).

Glass Effect Tint Color

object.glassEffectTintColor

The current tint color of the glass effect.

Did this answer your question?