Liquid Glass Support for .NET MAUI ColorPicker

17 Dec 20251 minute to read

The SfColorPicker supports a liquid glass effect (also called acrylic or glass morphism) when you enable the EnableLiquidGlassEffect. This feature adds a frosted, translucent style that blends with the background, giving the Color Picker a modern and elegant look. It works best over images or colorful layouts and provides smooth visual feedback during interaction.

NOTE

  • This feature is supported only on .NET 10 along with iOS 26 and macOS 26 .
<Grid>
        <!-- Background to make the glass effect visible while pressing the color picker -->
        <Image Source="wallpaper.jpg" Aspect="AspectFill" />
        <colorPicker:SfColorPicker  EnableLiquidGlassEffect="True" />
    </Grid>
SfColorPicker colorPicker = new SfColorPicker
{
    EnableLiquidGlassEffect = true
};

Behavior and tips

  • The glass effect is applied to the Color Picker at render time and during user interaction.
  • Place the Color Picker over visually rich content (images, gradients, or color blocks) to better showcase the transient glass effect.
  • Visual output and performance may vary by device/platform; keep backgrounds moderately detailed to maintain clarity during interaction.
  • For an enhanced UI, set SliderThumbStroke="Transparent" and SliderThumbFill="White" at the sample level for the Color Picker.

The following GIF demonstrates the liquid glass effect of Color Picker.

Liquid Glass