New 5 free AI states

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.

Before / after

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.

Static icons0 KB of motion
Push notifications
New replies and mentions
Save to favorites
Launch checklist.md
Message
Ready to send
Send
With Zeltrium+ 10.7 KB
Push notifications
New replies and mentions
Save to favorites
Launch checklist.md
Message
Ready to send
The pack

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.

30 animations156 KB in total1–14 KB per file30 fpsJSON + .lottieLight & dark ready
Drop in

Three lines and it moves.

Standard Lottie files. If your stack can play Lottie, it can play the pack.


        
Formats.json · .lottie
File size1–14 KB
Frame rate30 fps
Duration0.27–0.87 s
Canvas400 × 400
Stroke2 px at 24 px
Color setsLight & dark
After Effects neededNo
Your colors

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.

Free sampler

Try 5 before you buy 30.

Success, error, copy, checkbox and refresh. The moments you will use this week.

Get the free 5

You get the download right here. We also send you one email to confirm your address. Confirm it to get the pack by email and the occasional note about new packs. Unsubscribe anytime. Privacy policy

Full pack

All 30. One price. Yours to ship.

30 Animated UI Micro-Interactions

$29one-time · less than one custom animation
  • 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
Buy on Gumroad — $29

Checkout and payment run on Gumroad. Instant download.

New · free

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.

Demo chattap send or the mic
Ask anything

Get the 5 AI states

Light and dark sets, .json and .lottie, markers for in, loop and out. Same license as the pack.

You get the download right here. We also send you one email to confirm your address. Confirm it to get the files by email and the occasional note about new packs. Unsubscribe anytime. Privacy policy

Questions

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.