Make your product feel alive.
30 drop-in Lottie micro-interactions for React, Swift, Android, Flutter, Framer and Webflow. Copy three lines, ship today.
Made by a motion designer for indie makers. Light and dark sets, commercial license, files from 1 KB.
Need motion made for your own product or a client project? Work with me.
Same screen. One feels finished.
Tap the controls on the right. That is the whole difference between a side project and a product people trust.
30 moments every interface needs.
Feedback, transfer, actions, controls, navigation and reactions. Click any tile to play it. Toggles switch both ways, like in a real UI. Drawn on the Lucide grid, so they sit next to the icons you already use.
Three lines and it moves.
Standard Lottie files. If your stack can play Lottie, it can play the pack.
Matches your brand, not ours.
Every color has one of four roles: line, accent, progress track, off control. A recolor is one value per role. Pick one and watch.
Try 5 before you buy 30.
Success, error, copy, checkbox and refresh. The moments you will use this week.
Your pack is ready.
Download the free 5 (.zip, 23 KB)One more thing: we sent a confirmation email to . Click the button in it to get new packs first. Nothing there? Look in Spam or Promotions.
All 30. One price. Yours to ship.
30 Animated UI Micro-Interactions
- 30 Lottie animations, .json and .lottie, light and dark sets
- Four color roles, recolor to your brand in a minute
- On/off states for toggles, likes, theme, menus; markers for download, upload, copy and send
- Snippets for React, Swift, Android, Flutter, Framer, Webflow
- Commercial license for unlimited projects, client work included · terms
- 14-day refund, no questions asked
Checkout and payment run on Gumroad. Instant download.
5 AI states, free.
Thinking, typing, send → stop, listening and searching. The moments every AI product has, drawn on the same grid as the pack.
Your AI states are ready.
Download the 5 AI states (.zip, 147 KB)One more thing: we sent a confirmation email to . Click the button in it to get new packs first. Nothing there? Look in Spam or Promotions.
Before you ask.
What formats do I get?
Every animation comes as a Lottie .json file and as .lottie, the compressed format, in two color sets: dark (light lines for dark UIs) and light (dark lines for light UIs). Same animation, pick what your player and your background prefer. Files are 1–14 KB, durations 0.27–0.87 s.
Will they work on light and dark backgrounds?
Yes. Both sets ship in the pack, and the accent stays the same in both. If your app switches themes, load the matching file.
Will they match my icons?
They are drawn on the Lucide grid with a 2 px stroke at 24 px, so they sit next to Lucide, Heroicons or Tabler without looking borrowed. Built for 16–48 px.
Where do they work?
Anywhere Lottie plays: the web (lottie-web, dotLottie), React and React Native, iOS, Android, Flutter, Framer and Webflow.
Can I change the colors?
Yes. Every color is flat and has one of four roles: line, accent, progress track and off control. Swap one value per role in a Lottie editor, in After Effects, or in code.
Can I use them in client and commercial work?
Yes. Use them in unlimited personal, commercial and client projects, no attribution needed. You can't resell or redistribute the files themselves. Read the license.
What if it's not for me?
Email hello@zeltrium.com within 14 days of purchase and you get a full refund. No questions asked.
Are more packs coming?
Yes. The 5 AI states are out and free. UI States is next: loading, success, error, empty and offline screens. Get either free pack and you'll hear about new ones first.
Do you take custom work?
Yes. Hero animation, Lottie UI and product promos, for product teams and white-label for studios. See how I work or email hello@zeltrium.com.