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 active version, tagline, url and price, as available at the time of this posting.
Hype
v 4.1.7
Create animated and interactive web content.
http://tumultco.com/hype/
Free Trial, Starting at $49.99
Google Web Designer
v 9.0.7
Create engaging, interactive HTML5-based designs and motion graphics that can run on any device.
https://webdesigner.withgoogle.com/
Currently Free
Radi
v 0.7
Create video, animation and realtime graphics for the modern web.
http://radiapp.com/
Currently Free Beta
Adobe Edge
Preview 3 – Discontinued
Create animated Web content using HTML5, CSS3, and JavaScript.
http://labs.adobe.com/technologies/edge/
Currently Free Beta
MotionComposer
v 1.0.3 Discontinued
Create interactive Web content using Flash® and HTML5!
http://www.aquafadas.com/en/motioncomposer/
$149.
Purple
v 1.0.2 Discontinued
Timeline-based animation editor with HTML5 and CSS3 export.
http://www.purpleanimator.com/
$19.99
Sencha Animator
v 1.0 Discontinued
Create CSS3 animations for WebKit browsers and touchscreen mobile devices.
http://www.sencha.com/products/animator/
$199.