There are 2 methods for adding animations to your web pages.
Source Layout stacks
If you use Source, then 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!
Use other frameworks too?
This Animate zones stack will work in any framework! Although initially designed to complement Source, the stack isn’t locked down only to Source. As such you can make use of these lightweight animations in any of your projects!
11 animation options
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.
You can get this stack on its own or as part of our hugely discounted stacks bundle.
Our stacks bundle includes Animate and ALL of our other stacks that are currently available. Buying as a bundle offers huge savings compared to buying the stacks separately. Currently the bundle consists of the following stacks:
- 2 View ↗
- Animate ↗
- Charter ↗
- Grid Enabler ↗
- Magic Mouse ↗
- Magic Mouse 2 ↗
- Markdown Link ↗
- Moreish ↗
- Palette ↗
- Parallaxer ↗
Stunning lightweight and efficient animations (designed for Source but works great anywhere!)
Over 60% off!
Get ALL of our stacks in one incredible bundle deal!
STH_Mar24 during checkout!
Below are some of the most common questions about this and our other stacks.
There are no specific FAQs for this stack at this time. See our general FAQs below. If you have a particular question about this stack then please get in touch.
Yes this stack has been designed to work in any framework. If you encounter any issues then please contact us with an example and we will do our best to resolve.
All our stacks use only local resources, collect no data and include no calls to remote servers or CDNs etc. As such the stacks are completely GDPR compliant.
We have a full supporting Knowledge Base including articles for all of our stacks and settings. If you can’t find what you need there then do not hesitate to reach out to us via your preferred channel.
The whole site has been built with Source micro framework. In addition, this page also uses (obviously). Finally, this FAQ section has been built with Toggle stack and the Bundle details section above uses Moreish stack.