Liquid Glass
A translucent surface treatment your coding agent applies for you.
Connect the Orchard MCP once, then ask your coding agent to apply Liquid Glass to an existing interface element. Your agent links the current Orchard-hosted runtime and changes only the requested elements while preserving their behavior and accessibility. The runtime stays hosted by Orchard rather than being copied into the builder's project.
Surface treatment
Liquid Glass
WebA translucent, softly refracted glass surface for an existing button, card, panel, navigation surface, modal, pill, or similar interface element.
Two styles
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.
Applied only where you ask
Your agent applies Liquid Glass directly to the component you name. It keeps the component's content, interactions, accessibility, layout, shape, and responsive behavior intact. Liquid Glass is for interface styling, not removing an image background or changing ordinary opacity.
Ask your agent
- "Apply Liquid Glass to this button."
- "Use Clear Liquid Glass on this navigation bar."
- "Make this card Tint Liquid Glass."
- "Use Liquid Glass on this modal, but keep its current behavior."
Choose the right service
Use Design to change presentation only. Use Deploy to publish the finished interface, and the other Orchard services for backend behavior.
Design pricing
Design is free. Orchard designs are never metered or billed, on every plan.