Framer

Framer allows JavaScript developers to write their code and automatically preview it in a side frame.

This provides a quick way to fix errors, along with the built-in code verification system that shows errors whenever the JS syntax is not followed.

Developers can use Framer to write entire apps, allowing them to preview everything from simple interactions, up to complex animation sequences.

CoffeeScript syntax is also supported.

What is new in this release:

• A proper way to organize animations
• Define a set of states with myLayer.states.add "name", {properties...}
• Transform to a specific state with myLayer.states.switch "name" or myLayer.states.next()
• Optionally override layer.states.animationOptions, or pass them in
• Based on requestAnimationFrame
• Allows for more precise animation handling and better control
• Allows to change animations in-flight, which is required for real physics
• Added damping harmonic oscillator spring physics (curve: "spring-dho")

Requirements:

• JavaScript enabled on client side

Limitations:

• Works only with Webkit-based browsers like Chrome or Safari.