Parameters
How much the glass frosts what's behind it.
How strongly the glass bends what's behind it near its edges, from flat to the most its rim can show.
How much of the tint colour shows in the glass.
How bright the lit edge of the glass is.
How much shadow the glass casts on what's below it.
Loading Preview…
In the browser this Preview is drawn from a snapshot of the scene behind it. On iOS and Android the Export works on your real content, live.
Send to your coding agent
Add Sheen's MCP server once, then paste the prompt. No key or account needed.
Run in your project (Claude Code)
claude mcp add --transport http sheen https://sheen.ciroapps.com/api/mcp
Then ask your agent
Use the Sheen MCP server to add the Liquid Glass Card Component to this Flutter app. Call get_export with componentId "liquid-glass-card" and parameters {"blur":2,"refraction":0.7,"tint":"FFFFFF","tintStrength":0.06,"cornerRadius":28,"rim":0.7,"shadow":0.4}, then follow the install steps it returns. (Tuned in the Sheen Playground: https://sheen.ciroapps.com/c/liquid-glass-card?blur=2&refraction=0.7&tint=FFFFFF&tintStrength=0.06&cornerRadius=28&rim=0.7&shadow=0.4)