CSS Animation Studio is an open source visual editor for animations. You can browse through a collection of free starter animations, step through your timeline keyframe by keyframe, determine the perfect animation timing curves, and export everything to code.