Skip to main content
UIKit Component: User components are built on top of the social.plus SDK, providing ready-to-use user profile and relationship management UI with full data management handled automatically.

Feature Overview

The User feature in social.plus UIKit v4 provides a comprehensive suite of components designed to manage user profiles, relationships, and interactions within your application. It encompasses functionalities ranging from profile display and editing to managing blocked users and follow requests, ensuring a seamless and engaging user experience.

Key Features

User Profiles & Display

Comprehensive user profile management
  • User profile page with avatar, display name, and bio
  • User feed components with flexible feed source switching (personal, community, or combined feeds)
  • User profile header with relationship controls
  • Post creation and interaction capabilities
  • Comprehensive activity views across personal and community content

Profile Management

Profile editing and customization
  • Edit user profile details and avatar
  • Update display name and bio information
  • Profile personalization and management
  • Privacy settings and controls

Social Relationships

Follow system and relationship management
  • Follow/unfollow user interactions
  • Followers and following lists management
  • Pending follow request handling
  • User blocking and unblocking functionality

Privacy & Safety

User safety and privacy controls
  • Blocked users management
  • Follow request approval system
  • User reporting and safety features
  • Privacy-based content access control

Implementation Guide

User profile pages and feed components for displaying user information and contentUser Profile components provide comprehensive tools for displaying user information, managing user feeds, and handling user interactions within the social platform.

User Profile Page

The user profile page displays user information, follow relationships, following and followers count, manages blocked users, enables profile editing, handles follow requests, shows created post feeds, and provides post creation actions.

Features

Required Properties

Customization Options

Code Examples

User Profile Header Component

The User Profile Header component displays user information, follow relationship, following and followers count, and handles follow request acceptance or decline.

Features

Required Properties

Customization Options

Code Examples

User Feed Components

User feed components display different types of content created by users, including general posts, images, and videos. The enhanced user feed now provides comprehensive activity views with the ability to switch between personal posts, community posts, or combined feeds for a complete picture of user activity across the platform.

User Feed Component

The User Feed Component displays a comprehensive list of user posts with an integrated filter dropdown to toggle between different feed sources, providing users with the ability to switch between personal posts, community posts, or a combined view.
SDK Integration: This component uses the Get User Feed API to query user posts with configurable feed sources. Refer to the API documentation for detailed implementation and privacy rules.
UIKit Features:
  • Feed Source Switching: Pre-built filter dropdown with three options: “All Posts” (combined), “Community Posts”, “Profile Posts”
  • Community Context Display: Automatic community context display (name, avatar, moderator badges) for community posts
  • Privacy-Aware Content: Respects user privacy settings and community visibility rules
  • Built-in Navigation: Navigation handlers for community profiles and original post contexts
  • Real-time Updates: Live synchronization of content changes across all feed sources
  • Comprehensive Activity View: Unified display of user activity across personal and community content
Features:Customization Options:

User Image Feed Component

The User Image Feed Component displays a list of images from posts created by the user, providing a visual gallery experience with navigation to original posts.Features:Customization Options:

User Video Feed Component

The User Video Feed Component displays a list of videos from posts created by the user, offering a dedicated video content experience with navigation to original posts.Features:Customization Options:

Code Examples

Communities

Community Features Community profiles, setup, and member management

Community Membership

Community Member Management Member administration and community relationships

Posts & Media

Post Components User-generated content creation and management

Social Feeds

Feed Components Content display and interaction for user feeds

Comments & Reactions

Interaction Components User engagement and social interaction features

Content Moderation

Moderation Tools User safety and content moderation features
Implementation Strategy: Start with the User Profile Page as your central user experience hub, then implement the Edit Profile functionality for user personalization. Add social relationship features (follow/unfollow, blocking) based on your application’s social interaction requirements. Consider implementing follow request workflows for private accounts and ensure smooth navigation between user profiles, relationship management, and safety features. Focus on providing clear feedback for all social actions and maintain consistent user experience across profile viewing, editing, and relationship management workflows.