🚀 NEW COMPONENT: Avatar Group Pro

Resources & Tutorials
,
1

componentes
componentes1865Ă—1028 41.6 KB

Avatar Group Pro Bring a high-end, collaborative UI to your Adalo apps with Avatar Group Pro. Turn any collection into a clean, overlapping avatar stack—just like the ones used in modern SaaS tools, booking platforms, and CRMs.

:sparkles: Key Features

  • Smart Overlap & Overflow Control: Set your max visible limit (e.g., show 4 avatars) with custom sizing, negative spacing, and borders. Remaining items automatically stack into a clean +N indicator.

  • Searchable Overflow Modal: Tapping the +N badge triggers a customizable popup with built-in, real-time name filtering so users can search through the rest of the list instantly.

  • Works with Any Collection: Connect users, event guests, team members, or products. Map your Photo and Name fields—if a image is missing, it dynamically renders clean initial badges.

  • Skeleton Loading States: Eliminates layout shifts and false “empty list” flashes while Adalo fetches your database items.

  • 100% No-Code Customization: Fine-tune popup backgrounds, text colors, border radiuses, dividers, and modal positioning directly from the Adalo property panel.

:mobile_phone: Compatibility Built natively with React Native. Tested and fully functional across Web, iOS, and Android.

1
1712Ă—591 33.8 KB

Video demo: https://youtube.com/shorts/poLbebYBV68
More components: kurepadev