Design
Interface designs your coding agent applies for you.
Connect the Orchard MCP once, then simply ask your coding agent to apply Liquid Glass to any button, card, panel, navigation surface, modal, pill, or other interface element.
There are no setup steps to memorize. Say what should look like Liquid Glass and your agent handles the rest, changing only the elements you requested while preserving their behavior and accessibility.
Two Liquid Glass styles
Choose one of two surface styles, 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.
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.
Ask your agent
Just say what you want, in any language:
- "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."
- "Show me the Orchard designs I can use."
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.
Current design
Liquid Glass adds a translucent, softly refracted glass surface to an existing interface element. It is for interface styling, not removing an image background or changing ordinary opacity.
Design pricing
Design is free. Orchard designs are never metered or billed, on every plan.