Hyperion
Hyperion - In App Design Review Tool
What is it?
Hyperion is a hidden plugin drawer that can easily be integrated into any app. The drawer sits discreetly 🙊 under the app so that it is there when you need it and out of the way when you don’t. Hyperion plugins are designed to make inspection of your app quick and simple. For example, check out this plugin that allows you to measure distances between views:
If you like what you see, there’s more where that came from.
First-Party Plugins
View Inspector
The View Inspector plugin allows you to inspect the properties of any view live within the app.
Have a tiny view you want to inspect? No problem, you can zoom in on any portion of the app while the plugin is active.
Measurements
The Measurements plugin allows you to measure the distance between any two views on the screen. No more guessing whether padding is correct-this plugin has you covered.
Slow Animations
Having trouble verifying an animation matches design? The Slow Animations plugin allows you to slow down all animations within the app to 75%, 50% or 25% the normal speed.
Third-Party Plugins
Calling all developers!!! Be one of the first to create a third-party plugin. Follow the plugin creation guide and let us know what you make!
How To Show Hyperion Plugin List
Once Hyperion is integrated into your app, simply shake your phone.
Customizing Hyperion
Hyperion was designed as a drag and drop framework that requires 0 code to integrate. If you want to customize Hyperion you can create a configuration file (called HyperionConfiguration.plist). Use this file as an example. For now you can only configure what gestures trigger the Hyperion drawer, but there are plans to add theming and plugin ordering.
Example App
Want to learn how to use Hyperion? The example app will teach you!
Build the example project by cloning the repo, run pod install
from the Example directory, then open in Xcode and run.
Requirements
iOS 9+
Installation
CocoaPods
HyperioniOS is available through CocoaPods. To install it, simply add the following line to your Podfile:
pod "HyperioniOS/Core"
#Optional Hyperion Plugins
pod 'HyperioniOS/AttributesInspector'
pod 'HyperioniOS/Measurements'
pod 'HyperioniOS/SlowAnimations'
Carthage
•Add github "willowtreeapps/Hyperion-iOS"
to your cartfile.
•Run carthage update
•Drag and drop newly created frameworks into the project.
Manual
Clone the git repo. In the root directory run sh build.sh
. Once complete, the script will have generated the HyperionCore framework along with all of the first-party plugins. The only required framework is HyperionCore, but you should add at least one of the plugins that was generated.
Drag and drop HyperionCore along with any of the plugins you want into your Xcode project. While importing make sure to check copy items if needed
checkbox. After importing add HyperionCore along with any plugins in to the embedded binaries section under your projects settings.
Adding Plugins
Hyperion plugins need to be added into the app at build time. By default, Hyperion automatically finds every plugin that is available in the project. A feature is currently in progress that allows for specifying plugins in a plist for further customization.
Contributors
License
Hyperion is available under the MIT license. See the LICENSE file for more info.
About WillowTree!
We build apps, responsive sites, bots—any digital product that lives on a screen—for the world’s leading companies. Our elite teams challenge themselves to build extraordinary experiences by bridging the latest strategy and design thinking with enterprise-grade software development.
Interested in working on more unique projects like Hyperion? Check out our careers page.