Add stunning animations to your Source content to bring your web pages to life.
This page demostrates a number of the options that are available to you - as such it uses a lot of animation (and a lot of different animations). For real projects it is always best to exercise restraint with these things and use subtle animations only where you think it will add genuine value / added interest.
There are 2 methods for adding animations to your Source web pages.
Animation options have been built right in to the Source Layout stacks: Container, Container Plus, Grid, Grid Plus and Grid Plus Pro.
To animate content you can simply drop your desired stacks into an Animate zone stack. What's more you can even nest these to create animations within animations!
This Animate zones stack will work in any framework! That's right, this stack isn’t locked down to Source so that you can make use of these lightweight animations in any of your projects.
Choose from 11 stunning animation types.
Note here that we have set up animations on each individual Source Grid item.
Along with selecting the animation type, you can also set up custom delays, durations and easings. You can also opt to have animations repeat or just happen once.
There is also the option to completely disable the effects on small or touch devices.
Add Source Animate to your Source projects today to inject some additional visual interest to your web pages!
You can buy this stack on its own or as part of our hugely discounted stacks bundle (find out more).