Framer - A Desktop & Mobile Framework To Build Complex Interactions & Rich Animations

Framer is a framework which allows you to create interactions and animations which work equally well on both the desktop and mobile.  Using Frame, you can prototype complex interactions and animations easily while keeping different technologies (HTML5, CSS3, JavaScript) organized.

To achieve good performance on both mobile and desktop, Frame uses Webkit CSS transforms which renders on GPU, hence providing smooth performance both both mobile and desktop platforms. Frame also includes iOS-like spring physics animations.

The vision of the creators for Frame is for it to be a replacement for Flash or Quartz Composer or even Keynote.   Frame is modeled after larger application frameworks and wants to be a lighter alternative to those big ones.

Frame provides the building blocks for creating your interactions and animations such as images, animation and events and allows you to build your application from thereon.  To start using the Frame application framework, you just download the Frame package, open up index.html in the browser, and start editing app.js.  You will need to have basic knowledge of HTML/CSS, JavaScript and Object Oriented Programming.

Frame also play nicely with other web development tools like Cactus (a live-reload tool), CoffeeScript and Ratchet (for quick iOS prototypes).

Requirements: None
Demo: http://www.framerjs.com/#examples
License: BSD

Daily Posts, Be Updated, Subscribe:

Want Free Web Resources? Enter Your Email And We'll Send It To You - Daily! (265+ Subscribers)

Yup, it's that straight forward! Enter your email address below and we'll send you the latest web resources to your inbox, everyday. We don't do spam. Ever.

Your Email Address

Trending Posts On Functionn This Week

Share:

Other Interesting Resources: