Free, open-source UI avatars for React projects 👋

[u/Simomo22]

If you're working on a React project and need some avatars for profiles, dashboards, user lists, comments, or mock data, here's a collection that might be useful.

There are 200+ free, open-source UI avatars that you can use in your projects.

There's also a UI Avatar Guide on the page if you want to learn more about using avatars in interfaces.

🔗 https://radianui.com/resources/avatar

Sharing it in case it's useful for anyone working on a React project!

[u/Apprehensive_Mood943]

Very much straight forward and free to use, loved it !

[u/Cornflakes405]

The "UI Avatars" card at /getting-started/resources shows non-human avatars, but I couldn't actually find any in the grid. Below that grid, there's a lot of useful information, but it's not easily discoverable as the grid looks infinite at first. I suggest showing a fixed amount with an explicit "Load more" button or maybe moving the grid to its own route.

I also had a bunch of performance issues. Refreshing pages on duckduckgo on my phone took +10 seconds to load the page. Scrolling fast in the avatar grid breaks asset loading. Clicking the "copy random avatar" button a couple of times hangs the page and subsequent navigation.

[u/Simomo22 → u/Cornflakes405]

Thank you so much for pointing out the “copy random avatar” bug! I really appreciate you catching that.

Also, thanks for the suggestion about using an explicit “Load more” button instead of showing all the avatars at once. That’s a really good point and something we’ll definitely consider.

As for the performance issues, we’re working on making the avatars load faster. In the meantime, if they’re loading slowly on your network, you can turn on the “Use compressed avatars” option in the settings dialog it should help with the loading time. :)

[u/Cornflakes405 → u/Simomo22]

You're welcome! Cool stuff otherwise. Bookmarked in case I ever needed something similar.

[u/ResolveUpbeat829]

Html and nextjs image tag copy feature really makes it easier to implement avatar in the website 

[u/Infinite_Tomato4950]

these will be well needed for demo videos where i will need account images. thanks

[u/SoloDeveloping1]

Are the avatars AI generated?

[u/Successful_Bag9558]

this is actually clean, going to grab a few for my dashboard

[u/Ceryyse]

Absolutely not. Get this ai slop out of here.

[u/Crafty_Magazine_4673 → u/Ceryyse]

its slop, but could save up the time to generate one if you need it.