Show HN: Bounce.js – A tool for generating CSS3 animations

It's nice, like animate css: http://daneden.github.io/animate.css/

My main problem with CSS animations is that it does not have an easy way to detect and intercept the animation stage. Sure you can listen to animation start, iteration and end, even you can get time elapsed but I am not aware of how I can get individual key frames and change it on the fly.

Amazing job. I was looking for something like this since ages. I think a great improvement would be if it generates SASS/SCSS + Compass code as an export feature. I saw it's written in coffeescript so I might also help in the future ( I'm a bit busy with a project these days ).

Love this, and honestly I really admire TicTail. They have such an awesome UX and thoughtful user on boarding process(es). One of the most inspiring startups for me as a designer / developer

Actually looks great. Seems like a nice thing to use for a quick splash screen of an App.

I am not sure I would use it all over the place though, but still really nice job.

This certainly isn't a tool I would use very often, but when the need does arise for a cool little animation, it's perfect!

Wow, really nice work! This is in harsh comparison to the other piles of animation libraries which seem to be slow and bloated. I especially like the "jelly" effect.

My only complaint is that the animation editor seems to be a little unintuitive. Maybe add some sort of arrow pointing towards the "Add Component" dropdown.

Cool stuff. If you are interested in creating effects like this you might also be interested in:

http://facebook.github.io/rebound/rebound-js/docs/rebound.ht...

cool, but the output css reminds me of animations I made in 1998 using dreamweaver. It also generated a ton of "steps" that it would call via setTimeout to make the div move around the screen

The desperately wants a full set of Penner's easing functions.

The CSS code has tons of hardcoded numbers. Ugly for future programers to read and maintain. Isn't there a way to do this with prettier code. eg JS make CSS.

Look's very nice. Maybe add controls for opacity for fading in/out?

Why is the square draggable?

This made a lot of animation questions Ive had click in my head. THANKS!

This post set off HN's voting ring detector (quite badly), but we turned that off because we want to see original work on HN.

Please don't ring-vote posts—i.e. solicit upvotes. Besides setting off the ring detector, which penalizes the post, it will eventually get your account penalized as well.

I upvoted this on designer news, happy to do it here as well.

This is such a slick app. I agree with the person who suggested SASS, but really, great job. Getting it so clean and slick must've been tough.

because animations add so much value to communication via, eg, powerpoint...

Doesn't work on the latest release of firefox with cookies disabled, and doesn't show gracefull degradation..