Add the Avatar plugin element to your Bubble page where you want to display a user avatar (profile, user list, chat header, etc.). Then configure its properties: set username to the user name (if no image is provided, the plugin will display the first letter in uppercase, or ? if username is empty), and set image_url to the profile photo URL (when image_url is filled, the plugin renders the image inside a circular container using a cover-style fit). You can customize the look with style (serif, sans serif, or monospace), text_color for the letter color, and background_color for the circle background. The avatar automatically adapts to the size of the Bubble element you placed it on (the plugin uses the container’s width/height to compute the circle diameter). If you want it to be interactive, the plugin triggers the Bubble event is_clicked when the avatar is clicked—create a workflow like “When this Avatar is clicked” and choose the action you want (navigate to the profile, open a popup, etc.).
View it in the editor here: https://bubble.io/page?id=pocplugins&tab=Design&name=awesome_user_avatar&type=page