Liquid Glass Layer

Liquid Glass Layer

Type

Component

Plateforme

Framer

Créé en

2026

Type

Component

Plateforme

Framer

Créé en

2026

Capture d'écran du component Framer Liquid Glass Layer
11
1

Un effet Liquid Glass façon Apple, à poser en overlay sur n’importe quel élément

Liquid Glass Layer recrée un effet fluide et vitreux inspiré du langage visuel d’Apple, avec un contrôle avancé de la distorsion, de la texture et de la profondeur. C’est un overlay flexible qui se pose sur n’importe quel élément et s’adapte à sa taille.

Il se fond dans votre fond pour un rendu premium et immersif, et fonctionne bien sur les boutons, headers, cards ou sections interactives. On le place en position absolute dans un Stack comme fond, et le contenu passe au-dessus via z-index.

Effet glass

  • Tint (couleur du verre), intensité du blur

  • Intensité de la distorsion, texture et bruit visuel

  • Profondeur et fluidité de l’effet, inner border optionnelle

  • Border radius et shadow

Intégration

  • À poser en position absolute dans un Stack comme fond

  • S’adapte automatiquement à la taille de l’élément parent

  • Contenu au-dessus via z-index

Capture d'écran du component Framer Liquid Glass Layer
Capture d'écran du component Framer Liquid Glass Layer