NBBJ releases Human UI -- now available for download

NBBJ Digital Practice is excited to announce the open source release of Human UI, a new plug-in that allows you to build custom User Interfaces for Grasshopper without writing a single line of code.

Today we have gone live, and the plugin is available on Food4Rhino. You will find an installer package, sample files, and a demo video on getting started:

http://www.food4rhino.com/project/human-ui

Visit the Bitbucket Repo and poke around in the code:

https://bitbucket.org/andheum/humanui

Check out today's coverage in Architect Magazine:

http://www.architectmagazine.com/technology/nbbj-releases-human-ui-...

Finally join our group and ask any questions or post any comments here:

http://www.grasshopper3d.com/group/human-ui

See below for detailed description!

----------------------------------

Human UI

Primary Development by:

Lead Developer: Andrew Heumann / andheum / @andrewheumann

Product Manager: Marc Syp / marcsyp / @mpsyp

Contributing Developer: Nate Holland / nateholland / @_NateHolland

Gone are the days of faking a user interface by laying out sliders and text panels and hiding wires on the Grasshopper canvas. Human UI interfaces are entirely separate from the Grasshopper canvas and leverage the power of Windows Presentation Foundation (WPF), a graphical subsystem for rendering user interfaces in the Windows environment.

OLD NEW

In other words: Human UI makes your GH definition feel like a Windows app. Create tabbed views, dynamic sliders, pulldown menus, checkboxes, and even 3D viewports and web browsers that look great and make sense to anyone--including designers and clients with no understanding of Grasshopper.

Human UI has been in development at NBBJ for over a year, as part of a larger NBBJ Design Computation initiative to deliver our tools internally as Products -- with fully automated installation, managed dependencies, analytics, documentation, and “magical” user experience. Human UI has been a huge component of the user experience part of this puzzle, and we are excited to share it with the larger Grasshopper community so that others can benefit from it and contribute to its development.

The initial release of Human UI is accompanied by a few simple examples to get you started, but we have developed sophisticated user interfaces with these tools at NBBJ and will slowly be rolling out more advanced examples. We also look forward to opening up the development to the community and seeing what new features and paradigms we can add.

Download the plugin at Food4Rhino and get started building Custom UIs for Grasshopper right away! We are happy to answer any questions or field discussion in the dedicated Grasshopper Group. Please join us!

Join the Grasshopper Group

http://www.grasshopper3d.com/group/human-ui

Download the plugin + sample files

http://www.food4rhino.com/project/human-ui

Visit the Bitbucket Repo

https://bitbucket.org/andheum/humanui

We look forward to seeing where this project takes you, please share your projects made with Human UI!

Sincerely,

Design Computation Leadership Team, NBBJ

Replies to This Discussion

Permalink Reply by Steve TZ on September 12, 2016 at 3:38pm

Hi Marc,

I am trying to connect a stream filter with multiple snap values, which is driven by the Human UI pulldown component, into the snap value input of the slider component. This does work but unfortunately forces the Human UI window to reload. It seems like this would be solved with a set slider component but I am not seeing anything like this in the plugin. Is there a solution to this that you are aware of?

Thanks much,

Steve

Permalink Reply by Guillermo Ramírez on February 9, 2016 at 2:44am

Hi! Great plug in! Looking forward to use it, but to do so I need some help:

When placing in the canvas the LaunchWindow component I get to errors:

-1. Before Solution exception:Could not load file or assembly 'MahApps.Metro, Version=1.0.0.0, Culture=neutral, PublicKeyToken=f4fb5a3c4d1e5b4f' or one of its dependencies. Systemet finner ikke angitt fil.

-2. Solution exception:Could not load file or assembly 'MahApps.Metro, Version=1.0.0.0, Culture=neutral, PublicKeyToken=f4fb5a3c4d1e5b4f' or one of its dependencies. Systemet finner ikke angitt fil.

I installed the file downloaded from here and all the tabs appear correctly... Am I missing something?

Thanks in advance for your help.

Permalink Reply by Marc Syp on February 11, 2016 at 6:22pm

Looks like the dependencies were not properly copied or there is some other conflict.

Can you try re running the installer by right clicking and selecting run as administrator? Also close out of rhino and grasshopper entirely just to be sure.

Let me know if that doesn't help.

Thanks,
Marc

Permalink Reply by Yuqing Pan on July 13, 2017 at 10:47pm

hi,

I am facing the same problem in the 32-bit Rhino 5.

Running the installer as administrator doesn't work.

But it runs well in the 64-bit version.

Permalink Reply by Amir Soltani on February 9, 2016 at 5:17am

Amazing work, thank you Andrew and the nbbj team for the release.

Permalink Reply by G.Y. on February 22, 2016 at 9:49pm

It is so cool! Besides all the awesome facts, one thing, everytime I change some parameters in other tab, it will automatically jump back to the first tab. Is it on purpose?

Permalink Reply by Marc Syp on February 23, 2016 at 9:22am

Hi G.Y. --

This is usually an indication that you have plugged in the output of an element's value listener into the input of a Create element, which causes the UI to rebuild every time the value changes.

If you want to display the value of a HUI slider in a HUI label, for instance, you need to use the Set Label component downstream of the Create Label component, rather then plugging the value directly into the Label component.

Take a look and see if you have any of these kinds of conditions in your definition. If you can't find the problem, post your GH file here and I'll take a look.

Cheers,

Marc

Permalink Reply by AJ on January 23, 2017 at 8:27am

i guys

im having an issue here and trying to upload a file for you kind help

Attachments:

UI blocked.gh, 21 KB

Permalink Reply by Andrew Heumann on January 23, 2017 at 8:46am

Hi AJ - just provide a different mesh of similar size to the "Create 3d view" component. The mesh you are currently using is based on the output from a value listener. See my other comment in the GH group.

Permalink Reply by AJ on January 23, 2017 at 8:55am

thnx :)

Permalink Reply by owe on February 17, 2017 at 5:12am