v4.3.0 MIT Impeller & Skia iOS · Android · Web · Desktop
Real glass for Flutter.
A shader lens that refracts, magnifies and tints what is behind it, and answers a finger like a soft body — Apple’s Liquid Glass, the iOS 26 and iOS 27 material, on Impeller and on the web.
Basics
Install it, put one lens on screen, and learn what the engine is doing.
Engines and the view
Impeller reads the backdrop, Skia captures one, and what that changes.
The material
The lens itself: its style, its touch response, and the ways lenses combine.
The lens and its style
One widget, one style object: shape, appearance, refraction.
Lite glass
The material without the shader: frost, tint and rim, and nothing to compile.
Batch
Any number of lenses, one read of the backdrop — on Impeller.
Blend
Two to eight lenses, fused into one liquid surface.
Group
Several lenses, one sheet of glass, one backdrop read.
Touch
Glass that answers a finger — and never moves.
Adaptivity
Glass that reads what is behind it and changes its mind.
Morph
Glass that measures its child and flows to the new size.
Components
Drop-in glass controls with the wiring already done.
Craft
Making it fast, legible and correct on every engine.
API reference
Every exported type, generated from the source.
The view9
The capture pipeline the Skia and web backends need, and its controllers.
The lens and its style20
One widget and the descriptor that decides how it looks: shape, appearance, refraction, and the value objects underneath them.
Combining lenses3
Three ways several lenses can share one read of the backdrop, or fuse into one surface.
Touch and motion9
How a surface answers a finger, and the moving-glass model the slider and the nav pill are built from.
Adaptivity and legibility12
Glass that reads what is behind it and flips its tint and its content colour, plus the scroll edge that keeps floating chrome legible.
Components16
The drop-in controls: buttons, dialogs, sheets, the slider, the switch and the morph.
App chrome14
The scaffold, the bars that float over a page, and the glyph slots every icon in them accepts.
Shape helpers7
The free functions the renderers use to clip and trace a lens outline. Exported because both halves of the library need them; you will rarely call one directly.
Live demos
Running in your browser — not a recording. Each opens the demo app with its own notes and code.
Touch
Press and drag a glass card — it deforms, and never moves.
Blend
Drag glass shapes together and watch their outlines fuse into one.
Photo library
A real app: an edge-to-edge grid under a glass title bar.
Scaffold
A page that captures itself, with a header and a tab bar over it.
Adaptivity
Every surface judges the photo behind itself and flips on its own.