AI & tech · Lottie JSON · by Serhii Dovhyi
App Background Matrix Style Lottie animation
App Background Matrix Style is a hand-crafted Lottie animation designed for developer product hero background. Created in After Effects by motion designer Serhii Dovhyi (Sergey Designer), exported with Bodymovin and optimised for web and mobile apps. Vector, resolution-independent, and small enough to ship in production.
Rendered live from the Lottie JSON with lottie-web.
How to use this animation
Lottie files are JSON descriptions of vector animation that play natively on the web (lottie-web, dotLottie), iOS, Android, React Native and Flutter. Drop the file into your project and control playback, speed, segments and colors from code.
<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
<lottie-player src="app-background-matrix-style.json" background="transparent" speed="1" style="width:320px;height:320px" loop autoplay></lottie-player>On the original page you can preview the animation in your brand color, inspect layer names, test playback speed and request a customized version.
Specs
- Format: Lottie JSON (Bodymovin export)
- Type: AI & tech
- Renderer: SVG / Canvas / native
- Author: Serhii Dovhyi, Senior Motion Designer
- Typical use: developer product hero background
Need it in your colors or a variation?
Every animation here is the founder's own work. Hire Serhii to adapt it, create a matching set or design something new for your product.
Frequently asked questions
Is the App Background Matrix Style Lottie animation free?
App Background Matrix Style is shared as a free preview by its author, Serhii Dovhyi. Open the animation page on sergeydesigner.pro for the current license and download; customized and exclusive versions are available on request.
How do I add a Lottie animation to my website?
Include lottie-web or the lottie-player web component, point it at the JSON file and set loop and autoplay. See the code snippet on this page.
Can the animation be recolored?
Yes. Lottie is vector data, so colors can be changed in After Effects, in the online editor on the original page, or at runtime with the lottie-web API.
Who made this animation?
Serhii Dovhyi (Sergey Designer), a Top Rated Plus motion designer and the founder of Free Creative Assets, designed and animated it in After Effects.
Need a custom Lottie or web animation for your product?
The founder of this site, Serhii Dovhyi, builds Lottie, SVG and product animations for SaaS and FinTech teams.