After Effects to CSS3

We have developed an experimental script that attempts to convert an After Effects composition into HTML/CSS3. Here is a simple example showing an image bouncing on the floor: Simple Demo (Firefox required). The script can handle more complex stuff like parenting, expression, and also supports 3D animation.

Update: See Biped Demo, Mars Rover Demo, and 3D Demo (Safari required).

MORE TOOL

27 thoughts on “After Effects to CSS3”

  1. WOW!! As a Web Developer/After Effects Artist at a advertising agency this script is a dream come true! Cant wait!!

  2. Hi there! saw the demo’s and they are amazing! any news on when this plugin will be released? super keen and I’m sure people will be prepared to pay for it if it works !

  3. That would be very impressive. We recently redesigned our website and used After Effects to design the 3D animation used on our home page. It was a long process to do that and then code it in. If you could simplify this by going straight from AE to CSS that would be incredible.

    P.S.: We wrote a blog post about the process that we went through to use AE to build the animation. The first part is here https://www.jtechcommunications.com/blog/blog-detail-9.

  4. This. is. awesome. I need this as a motion graphics designer for my UI/UX clients! Is there still a plan to finish/release this script?

  5. Wauw, this looks amazing!! Could I try this script or is this not available yet? Would love to try this out!!

  6. Anything new on this script? This would bring a lot of possinilties for animated webicons and visuals for webprojects? Anything new here?

  7. It’s been 2 years, why haven’t you at least put this out as a *very experimental might crash your system* alpha test?!

  8. Hey guys, was there any progress on finishing this script? Exactly what I have been looking for if you did?

Comments are closed.