Liquid Glass Generator – iOS 26 Apple-Style Effects

Scroll down for more options and code export ▼

Container Settings

Element Type:

Width: px

Height: px

Border Radius: %

Inner Shadow

Color:

Blur: 15px

Spread: -5px

Glass Tint

Tint Color:

Opacity: 0%

Frost Blur

Blur Radius: 0px

Noise Distortion

Noise Frequency: 0.008

Strength: 77

Background Control

Text Settings

Text Content:

Text Color:

Text Size: px

Font Weight:

Text Opacity: 100%

Text X Offset: 0px

Text Y Offset: 0px

Shadow X Offset: 0px

Shadow Y Offset: 2px

Shadow Blur: 4px

Shadow Opacity: 20%

Font Family:

Code Export

HTML Code Preview:

Copied Successfully!

CSS Code Preview:

Copied Successfully!

Vue Component Props:

Copied Successfully!

Copy to Vue component and click here for Vue component tutorial

React Component Props:

Copied Successfully!

Copy to React component and click here for React component tutorial

Settings ▼