While simple, static content can provide the information you need to communicate to your audience, it doesn’t carry with it any additional emotion or energy. Building a site involves much more than just sending a message with text, images, or video. It’s about the way you present that content to your audience.
Animations give your site life and energy and can provide additional impact to your content helping provide your site visitors with a much more engaging experience.
Velo provides a simple way to add animations to your Wix website with the Timeline Animation API. You can see stunning examples of the kinds of animations you can add on this showcase site or keep reading to find resources to help you add these animations to your site with just a bit of code.
Don’t have coding skills? You can always hire a developer to help you bring this experience to your users.
The Timeline Animation API
Everything starts with the Timeline Animation API. It let’s you set the attributes needed to create animations - position, scal, rotation, and opacity.
All the info you need can be found in the API reference.
Watch the Webinar
We hosted a webinar that provides a deep dive into the Timeline Animation API and how you can use it to bring your site to life. View the webinar below:
Animation Examples
We've created a set of code examples so you can see just how easy it is to add animations to you site.
Text Microinteractions - Create different microinteractions on three text elements using the Wix Animations API.
Custom Button Animation - Create a custom button that rotates clockwise and changes color on click using the Wix Animations API.
Hourglass Animation - Flip an hourglass automatically or on a button click using the Wix Animations API.
Ball Drop Animation - Create a ball drop animation where balls fall through a maze and dot the letter "I's" in your words.
Vector Image Animation - Create an animation of a ball moving and then taking the place of the letter "O’s" in your words.
Solar System Animation - Create a simplified solar system animation using the Wix Animations API.
What will you create with timeline animations? Get started with Velo and put your site into motion.
