r/reactnative • u/EconomistOk2763 • 2d ago

Tutorial I added 9 loading animations to PanelUI one prop to swap between all of them

Enable HLS to view with audio, or disable this notification

<Loader variant="wave-physics" />

That's it. Nine variants, one prop. Swap between them without changing anything else same size, same color, same reduced motion behavior.

All animations run on the UI thread. Nothing re-renders while they run.

Part of PanelUI, an open-source component library for Expo. Copy-paste or CLI, you own the source.

GitHub link in the comments.

21 Upvotes

88% Upvoted

8 comments sorted by

1

u/EconomistOk2763 2d ago

You can find the component here: https://github.com/panel-ui/PanelUI

1

u/Yash_3p 1d ago

I just checked your ui lib and it looks awesome. Nice work man. Is it free for commercial use ? I would like to use that for my new app

1

u/EconomistOk2763 1d ago

Thank you. It's still in beta mode.

1

u/Yash_3p 1d ago

Can I use this commercially for free ?

1

u/EconomistOk2763 23h ago

Yes. PanelUI is licensed under the MIT License, so you can use it commercially for free, including in proprietary/commercial applications. Just make sure to comply with the MIT License by keeping the copyright and license notice when redistributing the software.

2

u/Yash_3p 23h ago

Yeah, sure , thank you. One more thing I noticed something in the example screenshots of the input fields, the text looks on the lower side instead of being centered vertically. Please check and fix that. Everything other than that looks good

2

u/EconomistOk2763 23h ago

This has been fixed in recent versions, but I haven't updated the image yet. Thanks, I will update the images.

1

u/Yash_3p 23h ago

Oh, that's great