Craft rich web animations with ease.
Star on GitHub

Ever wanted to create stunning animation and add it to your web page or web application? Seen amazing presentations built on the web but figured you’d need to hire a developer to make something like that? Maybe you are a developer but want to create animations more quickly. ProStyle makes it easy! You write your stories in simple text files that describe how to position and animate content. Our ProStyle JavaScript library then transforms your story into rich, animated web content.


Get Started. Write web animations using a simple JSON language and add them to your website.  more ›


Looking for inspiration? View example animations. Try changing the story right in the gallery.  more ›


An assortment of premium extensions that you can plug into your stories to make them even better.  more ›

Looking for someone to create great animation for you?   Hire us!

Layer Motion

gallery The items on a layer move relative to the layer. By combining movement of those items with movement of the layer itself you can achieve interesting motion effects.  more ›

Character Animation

gallery Text characters animated in 3D around a line. The character have a staggered delay.  more ›

3D Text Animation

gallery Three stories that progress from a simple 3D text animation to a similar but more advanced one.  more ›

Simple Bar Chart

gallery Translate an array of data into a simple animated bar chart.  more ›