Liquid Glass StudioComponents
Eight liquid glass pieces built on the Studio engine. Every one has an Edit panel and Copy code.
Buttons
Tap a button to edit its glass. Press and it swells with a spring — neighbours melt into each other.
Morphing +
One glass body: the + melts into a full sheet and back.
Create
Liquid slider
A compact solid slider at rest. Grab or tap anywhere to convert it into Apple-style liquid glass with smooth moving animations, inertia glide, and boundary spring physics. This is the slider used across the whole app.
Tab bar
A glass bar with a solid selection. Drag the selection or open Edit — the layer turns into liquid glass, with separate controls for the below bar and the liquid tab.
Liquid sheet
Springs up from the bottom. Drag the grabber to dismiss.
Search bar
Press × and the bar melts into a search orb. Tap the orb to expand.
Confirmation dialog
A pure liquid glass alert modal matching the design with Cancel and Delete actions.
System notification
An OS-style liquid glass banner that drops from the top, pauses on hover, auto-dismisses, and swipes away. Only one banner is mounted at a time, so it stays light.
More components are under development