Grasshopper

Grasshopper: Viewport Widgets

Drive your Grasshopper definitions directly in the Rhino viewport.

With the Interactive Viewport Widgets use any curve to control your Grasshopper definitions in any Rhino Viewport . Enable more intuitive visual workflows that are easier to use and share, especially with non-expert users.

Curve Widget

Turn any curve in your model into a numeric slider. Create a slider directly in the viewport that stays in sync with the component, and vice versa.

  • Dynamic precision: Zoom in to increase accuracy automatically.
  • Multiple curves: One component manages several input curves at once.
  • Viewport sync: Move the slider in the viewport and the value is reflected in the component and vice versa.
Curve Widget slider in the Rhino viewport
Dynamic precision As you zoom in, the numerical accuracy increases, giving you finer control over adjustments to your model.
Dynamic precision with zoom
A single Curve Widget component can manage multiple input curves. Keep your Grasshopper definition concise and organized.
Managing multiple curves with one component

Angular Widget

The Angular Widget lets you fine-tune angles directly in your model. Create in-viewport angle controls with adjustable range and radius. Select between four angle modes:

  • Degrees
  • Degrees / Minutes / Seconds
  • Radians
  • Gradians
Angular Widget rotation in the Rhino viewport
Switch between angle modes to fit your project needs. From simple degrees to radians!
Angle display modes

Share With Anyone

Interactive Viewport Widgets bridge Grasshopper and Rhino for users who never touch the canvas. Share a definition with colleagues and let them drive the model directly in the viewport. Save and restore widget configurations using Grasshopper Solutions menu > Save State and Restore State.

Try It

  1. Download Rhino 8 Evaluation for Windows or Mac..
  2. Download the WidgetTower.gh example file.
  3. Drag and drop the file inside Rhino. It will load Grasshopper and you will preview the tower and widgets in the viewports.
  4. Maximize the Perspective viewport . Then:
    1. Drag along the vertical curve to adjust the tower height with the Curve Widget.
    2. Double-click a widget to edit its value.
    3. Use the Angular Widget to rotate the panels interactively.
  5. Try it on your own! Experiment with your own models.
  6. Share comments and feedback on the Grasshopper Forum.

Rhino Commands