New version: Tumult Hype 1.6 (learn more)

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.

Watch more on animations
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 object could trigger a timeline to play which animates other objects in the scene.

Actions

Actions

Engage your viewers and trigger custom animations, scene transitions, animation control, or JavaScript functions in response to actions like mouse clicks, keystrokes, specific times, 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
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. It supports cutting edge features like blurring, hue shifts, box shadows, reflection, and 3D transformations.

Watch more on HTML5
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.

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.

Watch more on WYSIWYG
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 iBooks Author to create interactive textbooks.

Watch more on exporting
.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.

Watch more on flexibility
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