The Lottie block has been created and maintained by our partner, Nice Touch. |
The Lottie block lets you upload and display Lottie files (.json-based animation files) within your Frontify guidelines. It’s a great way to:
Add dynamic visuals to your brand documentation
Make your portals more engaging
Use motion design without compromising on performance
Installation
To install the content block, follow the procedure here (only admins or editors can install it from the marketplace).
Upload Lottie files
Once the block is added to your guideline:
Click “Add content block” and choose the Lottie block.
Choose one of two upload options:
Upload from your computer: Select a .json Lottie file from your device (as shown below).
Paste a Lottie file URL: Enter a direct link to a Lottie JSON file hosted on lottiefiles.com. Please note that URLs from other platforms (i.e., GitHub) are not supported and won’t render in the block.
Add an alt text description to make your animation accessible to all users.
Name your block.
Your animation will immediately render in the block preview.
That’s it! Your eye-catching animation is now embedded in your portal, fully responsive, high-quality, and performance-optimized.
For any questions, contact support or our partner, Nice Touch.