Intuitive and interactive features

Animations

Tumult Hype’s keyframe-based animation system brings your content to life. Click “Record” and Tumult Hype watches your every move, automatically creating keyframes as needed. Or, if you’d prefer to be more hands-on, manually add, remove, and re-arrange keyframes to fine-tune your content. It is easy to create natural curves by clicking and dragging on an element's motion path to add bézier control points.

Animation Interface
Timelines

Timelines

Timelines for the scene can be added and play when triggered by actions. This capability lets you add interactivity — mousing over an element could trigger a timeline to play which animates other elements in the scene.

Actions

Actions

Engage your viewers and trigger custom animations, scene transitions, sounds, or JavaScript functions in response to actions like mouse clicks, touch events, specific times, or document events.

Scenes

Scenes are similar to slides in presentation software, and are a great way to simplify animation flow or separate content. Tumult Hype lets you make as many scenes as needed, and a variety of actions can switch between scenes using smooth transitions.

The power of HTML5 Safari, Chrome, and IE Browsers

Multiple browser support

Tumult Hype tries hard to deliver 100% fidelity across all browsers. Yes, that even includes IE 6! When there are no good fallbacks, Tumult Hype warns about browser incompatibilities in the inspector and at export time, so you’re never caught by surprise.

HTML5

Tumult Hype outputs state of the art HTML5, CSS3 styles, and JavaScript. Built-in support for HTML5 audio and video allows for creating multimedia experiences. Tumult Hype strives to always adopt cutting edge features, like blurring, hue shifts, box shadows, reflection, and 3D transformations.

mobile devices

Accessible on mobile devices

Unlike other tools, Tumult Hype creates content for everything from the latest desktop browsers, to mobile devices like iPhone and Android.


Its lightweight runtime is 20 KB (compressed) and requires only 3 network connections, making it ideal for ads and fast on low-latency cellular connections.

What you see is what you get
Screenshot and inspector panel

WebKit-based scene editing

Tumult Hype offers the best possible experience for creating beautiful web content — by using a WebKit-based view to render your content, what you create is what your visitors see in the browser.

Mise en scène

Creating pixel perfect content is a snap with Tumult Hype’s intelligent layout guidelines. Everything has its place in your scene, and Tumult Hype’s alignment and sizing tools make building your scene effortless.

Powerful inspector

A rich inspector accompanies Tumult Hype’s scene editor, letting you dive in and easily tweak every aspect of your content.

html tag

Easy embedding

When exporting, Tumult Hype creates an entirely self-contained directory that holds all the resources and JavaScript for your content. Upload that directory to your web server, copy and paste three lines of HTML into your existing web page, and you’re good to go. Tumult Hype also supports exporting to MP4 Video, Animated GIF, and iBooks Author to create interactive textbooks.

.html

Edit HTML

Tumult Hype provides a rich set of tools for styling, but sometimes you need to get hands-on. Every element’s inner HTML is only a couple clicks away and all of your changes are rendered on the fly, giving you a live preview as you edit.

{js}

Custom JavaScript actions

Tumult Hype puts all the power of JavaScript at your fingertips. The integrated JavaScript editor lets you write custom functions triggered by user actions. The Tumult Hype JavaScript API can manipulate the scenes from inside or outside of the embedded Tumult Hype content.

dropbox icon

Dropbox

Tumult Hype uploads directly to Dropbox, letting you quickly share your new creations with just a few clicks.

Keep in touch and join our mailing list!

Our list is low-traffic; we’ll keep your name and email confidential.

Follow hypeapp on Twitter