Journal

HTML5 and CSS3 Mac Animation Tools

Here’s the current landscape of Mac based (although many of these also offer other platform versions) HTML5 /CSS3 animation tools. Some of these apps take a very similar approach to the animation process and toolkit. Many use a layout very similar to Adobe AfterEffects or Flash. Some even offer fallback to Adobe’s Flash or browser specific CSS3 Properties, such as Keyframe animation and Transition effects.

We’ve used quite a few of these and of course have our favorites, but many have their own advantages. The tools change rapidly as does HTML5 and CSS3, so you’d need to check them out for yourself. We’ve listed them by alphabetically by name, version, tagline, url and price, as currently available.



Adobe Edge

Adobe Edge

Preview 3
Create animated Web content using HTML5, CSS3, and JavaScript.
http://labs.adobe.com/technologies/edge/
Currently Free Beta


Tumult Hype

Hype

v 1.0.5
Create animated and interactive web content.
http://tumultco.com/hype/
$29.99


MotionComposer

MotionComposer

v 1.0.3
Create interactive Web content using Flash® and HTML5!
http://www.aquafadas.com/en/motioncomposer/
$149.


Purple

Purple

v 1.0.2
Timeline-based animation editor with HTML5 and CSS3 export.
http://www.purpleanimator.com/
$19.99


Radi

Radi

v 0.7
Create video, animation and realtime graphics for the modern web.
http://radiapp.com/
Currently Free Beta


Sencha Animator

Sencha Animator

v 1.0
Create CSS3 animations for WebKit browsers and touchscreen mobile devices.
http://www.sencha.com/products/animator/
$199.


Posted on October 11, 2011
Tagged in Software

Archives