How to add awesome animations to your next Bubble app
In today's issue:
How to add awesome free Lottie animations to your Bubble app.
What’s new in the Bubble world?
How to add awesome free Lottie animations to your Bubble app
Lottie is one of the most common and best ways to add animations to web and mobile apps. It is easy to use, super-fast, free, and open-source. It’s great for loaders, landing pages, CTAs etc. Here is how to use it:
Head over to lottiefiles.com, find free animations you like and click it.
In the right panel, find ‘Use this animation in’ and select <HTML>.
Set the height and width to 100%, uncheck ‘Controls’, and copy the generated code.
Add an HTML element to your Bubble app and past the code.
If you want to add a workflow, put the HTML element in the group and attach the workflow to ‘when group is clicked’
Done
Need more info: Here is my editor setup and below is a short video tutorial incl. how to customize an animation:
What's new in the Bubble world?
Bubble OG Neil Pierce has launched Atomic Fusion, a Chrome extension designed to help Bubble Developers build beautiful user interfaces at lightning speed. Take it for a test drive!
Join the discussion
Do you want me to write about a specific topic, or do you have an awesome Bubble hack you would like to share? I’d love to hear from you, and I’m looking forward to engaging in the Bubble forum or on Twitter.
Also, if you like this newsletter, why not forward it to a friend :)
That’s it. Keep it simple!
Damian