Jet is an animation stack with a difference. Thanks to some clever behind-the-scenes jiggery pokery it’s able to circumvent the problems that some other animation stacks sometimes suffer from – specifically, being ‘clipped’ by either the stack they’re sitting inside or by the theme itself.
You can see the result of this clipping if you select an animation like ‘fade in from left or right’ and instead of watching your content slide gracefully in from the very edge of the site as it’s supposed to, it will appear at the edge of whatever stack you’ve placed it inside – almost as if it was appearing through a crack in the website page. Whether you’ll see this kind of clipping depends very much on the animation being used and the type of stack it’s inside or the theme being used – but you’ll know it when you see it, and it certainly detracts from the graceful visual flow that carefully staged animations can bring to a web page.
None of that happens with Jet. Instead, the 34 animations behave exactly as they should, breaking free of any constraints imposed by Stacks or the theme, to deliver animations as slick as they’re supposed to be. There are very few settings – you can select the animation type, the speed (from ‘tortoise slow’ to ‘very fast’) and set the delay before the animation plays in milliseconds. Finally there are two options that address Stacks and theme clipping specifically and which can be toggled on or off if you’re experiencing any problems.
Jet won’t work with elements that are hidden at page load time which currently means it doesn’t play nicely with Joe Workman’s Screens set of stacks, but that’s the only no-go that’s listed on the developer’s site. We tried it on a number of different themes and inside a range of different layout stacks and it performed perfectly. So if you’re in the market for an animation stack that isn’t constrained by other stacks and themes, Jet is a great choice.