MARKETPLACE
PLUGINS
CIRCULAR AVATAR RING
Circular Avatar Ring logo

Circular Avatar Ring

Published July 2025
   •    Updated March 2026

Plugin details

Display profile pictures, user icons, or any image list in a beautifully animated radial layout. Each avatar animates outward from the center with smooth scaling and positioning

Display profile pictures, user icons, or any image list in a beautifully animated radial layout. Each avatar animates outward from the center with smooth scaling and positioning — inspired by Codepen-style loaders.

Supports dynamic data from a Thing list or a List of image URLs, with built-in skeleton loading while data is being hydrated from Bubble.

💫 Smooth animated expansion

⏳ Skeleton loading (with fade-in transition)

⚡️ Clickable avatars (with Bubble state publishing + event trigger)

🔁 Fully reactive to Bubble updates

$10

One time

stars   •   0 ratings
0 installs  
This plugin does not collect or track your personal data.

Platform

Native mobile

Contributor details

No-Code Venture logo
No-Code Venture
Joined 2017   •   214 Plugins
View contributor profile

Instructions

The Circular Avatar component displays a ring of animated avatar images. It supports two data sources:
A Bubble "thing" list (e.g. from a database search), or

A list of image URLs.

✅ Setup Instructions
Add the element to your page from the element panel.

Provide data using one of the following:

Search for things from your database (e.g. a list of Users), and choose the image field (e.g. Profile Picture).

Or supply a List of image URLs (text list).

Adjust the avatar_size, gap, or start_scale to customize spacing and animation.


Editor: https://bubble.io/page?id=ncv-react-plugins-3&tab=Design&name=circular_avatar&type=page&elements=bTLQd

Demo: https://ncv-react-plugins-3.bubbleapps.io/version-test/api/1.1/mobile/preview?debug_mode=true&preview_view=circular_avatar

Types

This plugin can be found under the following types:
Element   •   Event

Categories

This plugin can be found under the following categories:

Resources

Support contact
Documentation
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble