Expandable Surface
One content-agnostic surface with a continuous open and close transition.
Connect Orchard MCP once, then ask your coding agent to add Expandable Surface to the selected interface. The same hosted module handles compact or full-width triggers and renders the project's own local content. Orchard provides the surface motion, dismissal, focus management, upward drag, responsive bounds, and reduced-motion behavior.
Motion module
Expandable Surface
WebThe target controls the closed size, an optional expanded width controls the open size, and the builder's own content fills the Surface. Separate compact and large components are not required.
Get started
How to use
-
Connect Orchard
Connect Orchard MCP to your coding agent once.
-
Name the module
Ask your agent to use Orchard Expandable Surface in the selected interface.
-
Done
Your agent connects the requested local content and dimensions to the hosted module.
Choose the right service
Use Design for interface presentation and motion. Use Deploy only when the finished interface should be published.
Design pricing
Design is free. Orchard designs are never metered or billed, on every plan.