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.

Watch more on animations spacer

Timelines

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

Actions

Engage your viewers and trigger custom animations, scene transitions, or JavaScript functions in response to users actions like mouse clicks, keystrokes, or documents events.

Watch more on actions

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.

Watch more on scenes

Multiple browser support

Tumult Hype tries hard to deliver 100% fidelity across all browsers. For example, if the high-performance CSS3 transitions aren’t supported, it will fall back to Javascript-based heartbeat animations. 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. It supports cutting edge features like box shadows, reflection, and 3D transformations.

Watch more on HTML5

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.

WebKit based canvas

Tumult Hype offers the best possible experience for creating beautiful web content — by using a WebKit-based canvas to render your content, what you create is what your viewers 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 canvas, letting you dive in and easily tweak every aspect of your content.

Watch more on WYSIWYG

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.

Watch more on exporting

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.

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.

Watch more on flexibility

Dropbox

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