Yeah, I recently joined the $1,000 club on @contra as a @LottieFiles animator. ๐ฅ
Hereโs to improving more product experiences.
If youโd like to make your website or app more engaging and interactive with custom Lottie animations, letโs talk. ๐
Interactive AC Control UI animation made with @LottieFiles Creator (animation, motion tokens, & state machines). JS script that runs the UI vibe-coded with Claude. @CodePen to bring everything into a smooth demo. ๐
Interactive Battery UI animation made with
@LottieFiles Creator (Motion Tokens & State Machines) and After Effects. The battery UI is fully dynamic and interactive.
Interactive @LottieFiles Mastercard Animation. The Logo transforms into the individual part of the card as you interact with it. ๐ Powered by LottieFiles State Machines.
I built a Freelance/Agency Contract Automation with @n8n_io & @pandadoc
I'm offering it for FREE for now. Learn how to build it and grab the free templates. ๐๐พ
Get Pro Workspace, early access, & featured work.
Lottie Squad is now open worldwide.
For designers, developers & motion lovers.
Application link in the comments ๐
If you got into Squad, what would you build first?
@elewachii@0xHex_4pF You can tunnel through Cloudfare. With that you get access to APIs and webhooks while hosting locally on your machine. I use this setup currently. Docker hosted N8n, Postgres, Ollama, and Qdrant. Cloudfare tunnelling. It's very good, especially for practice.
Production Logo that I made for G-Nee Productions in 2021.
This project started with Character Design and Illustration done by Art Akah.
I rigged the character with Duik Bassel 2 in After Effects and animated it. Then I moved to Premiere Pro for Sound Design.
Motion System is a no-brainer for any team that wants to ship beautiful and quality motion every single time without guesswork. The brand cohesion it brings to the table can't be overemphasized.
Google, Uber, Cash App; they all have motion as part of their design system.
But most teams have it scattered everywhere.
Motion System changes that.
Easing curves, motion presets & design assets, baked into one system.
Try it in the comments ๐
Be honest, how does YOUR team handle motion right now?
I recreated Notion website's Hero Animation as a @LottieFiles dotLottie animation vs the original Webm.
The Result:
Original webm: 942 KB
dotLottie version: 368 KB
60.93% smaller file size
Animation link: https://t.co/bLDL2WBmyG
Finiro - A Fintech website I made with Figma, Framer, & @LottieFiles View it live at https://t.co/R6QQ4WQ01P
Get the bento animations for FREE on https://t.co/vG9QwMHRmK