Liquid Glass

About

@callstack/liquid-glass brings iOS 26 liquid glass effect to React Native apps on iOS. This library provides native components that render the new liquid glass visual style introduced in iOS 26.

Features

• iOS 26 liquid glass visual effect
• Customizable tint colors
• Two effect modes: clear and regular
• Interactive touch effects
• Automatic text color adaptation
• Container view for merging multiple glass elements

Usage

import { LiquidGlassView } from "@callstack/liquid-glass";
 
function MyComponent() {
  return (
    <LiquidGlassView
      style={{ width: 200, height: 100, borderRadius: 20 }}
      interactive
      effect="clear"
    >
      <Text>Hello World</Text>
    </LiquidGlassView>
  );
}

Note: On unsupported iOS versions (below iOS 26), it will render a normal View without any effects.