Skip to main content
.glassEffect(style?: string | { interactive?: boolean; tint?: Color }): Component
​
style
string | object
The glass effect configuration. Can be a string style name or an options object.

​
Support

​
Usage

​
Basic glass effect

Text("Frosted")
    .padding(16)
    .glassEffect()

​
With tint color

Text("Tinted Glass")
    .padding(16)
    .glassEffect({ tint: Color("blue") })

​
Interactive glass effect

Button("Tap Me", () => {})
    .padding(16)
    .glassEffect({ interactive: true })

​
Notes

  • On iOS, this uses the native Liquid Glass material introduced in iOS 26.
  • On web, this is approximated using CSS backdrop-filter effects.