Liquid Glass
WebA translucent, softly refracted glass treatment your agent can apply exactly where you want it in your product—from buttons and cards to navigation, modals, pills, and more.
Choose one surface style, or let your agent use Tint by default:
- Clear: a more transparent glass surface that keeps the background clearly visible.
- Tint: a softly tinted glass surface with a little more visual presence.
Get started
How to use
-
Connect Orchard
Connect Orchard MCP to your coding agent once.
-
Ask your agent
"Apply Liquid Glass to this button."
"Use Clear Liquid Glass on this navigation bar."
"Make this card Tint Liquid Glass."
-
Done
Your agent is instructed to preserve the component's content, behavior, accessibility, layout, shape, and responsive behavior.
Design pricing
Design is free on every plan and does not count toward metered usage.