Last week I teased that we’d be showing off a “bigger feature that will enable us to do a lot of exciting things in the future”. Typically, it’s not quite ready to reveal this week, however, we have just added a fun new animation feature to Elements…
Later this week we’ll be releasing Elements Beta 8, it features the ability to apply fancy animations to your Components. We’re focusing on Hover animations first, later betas will have scroll based animations.
Here’s this weeks video that goes into more detail about how the new animation features works. It’s worth watching all of the video as I go into more advanced use cases towards the end, including how to animate multiple items at the same time.
You can sign-up here to be notified when the Elements beta is publicly available. Please note, we’re adding new users slowly to the private beta to enable us to manage all the feedback. If you’re already on the waiting list, just hang-tight, we will get to you soon!
Feedback
Keep the feedback coming, and if you have any thoughts about the features demoed today please post them below.
I’m not sure what Transform option are available in Tailwind but a mono option would be very nice. Have a nice mono thumbnail which transforms to a slightly larger colour thumbnail when hovering.
You can see the excitement on your face Dan. Thank you much for the hard work on these new features. I have a feeling the end product will be fantastic!
I’m not trying to get ahead of RealMac here but with the mention of scrolling animations can we assume this will include things like parallax motion etc?
Not specifically but it sounds like it’s doable so there’ll be options
Will it also be possible to animate entire containers from outside the page like here Like a Slide in, slide up effect with containers full of content.
