Key Benefit: Enable rich content creation and engagement with comprehensive post components supporting text, media, polls, mentions, link previews, and advanced accessibility features across all platforms.
Feature Overview
The Post Components UIKit provides a complete suite of tools for post creation, editing, and content management. From rich media posts and interactive polls to advanced features like @mentions, link previews, and accessibility support, these components create the foundation for engaging social content experiences.Text & Media Posts
Create rich content with text, images, and videos. Support for optional titles, mentions, hashtags, and multiple attachments.
Interactive Polls
Engage users with text or image-based polls. Users can change/remove votes with customizable duration and multiple selections.
Livestream Posts
Real-time livestreaming with interactive chat and reactions, available in Livestreaming post in a community.
Engagement & Comments
Inline comments, reactions, @mentions, and real-time interaction tracking for active discussions.
Sharing & Discovery
Shareable deep links, link previews, hashtags, and gallery-to-post linking for better content discovery.
Management & Moderation
Post editing, content moderation tools, and comprehensive management for all post types.
Platform Support
| Feature | iOS | Android | React | React Native | Flutter |
|---|---|---|---|---|---|
| Create Text, Image, Video Post | ✅ | ✅ | ✅ | ✅ | ✅ |
| Edit Text, Image, Video Post | ✅ | ✅ | ✅ | ✅ | ✅ |
| Create Livestream Post | ✅ | ✅ | ❌ | ✅ | ❌ |
| Community Livestream with chat and reaction | ✅ | ✅ | ✅ | ❌ | ❌ |
| Create Poll Post | ✅ | ✅ | ✅ | ❌ | ✅ |
| Create Image Poll Post | ✅ | ✅ | ✅ | ❌ | ❌ |
| Update Poll Answer | ✅ | ✅ | ✅ | ❌ | ❌ |
| Report Post | ✅ | ✅ | ✅ | ✅ | ✅ |
| Comments & Reactions | ✅ | ✅ | ✅ | ✅ | ✅ |
| Recent Comment preview | ✅ | ✅ | ✅ | ❌ | ❌ |
| Mention | ✅ | ✅ | ✅ | ✅ | ✅ |
| Link Preview | ✅ | ✅ | ✅ | ✅ | ✅ |
| Brand User Post | ✅ | ✅ | ✅ | ❌ | ✅ |
| (Optional) Post title | ✅ | ✅ | ✅ | ❌ | ❌ |
| Hashtag | ✅ | ✅ | ✅ | ❌ | ❌ |
| Sharable Links | ✅ | ✅ | ✅ | ❌ | ❌ |
| Ads | ✅ | ✅ | ✅ | ✅ | ❌ |
| Alt text for Image Post | ✅ | ✅ | ✅ | ❌ | ❌ |
Post Types & Features
Post Types
Post Types
Supported Content Types
- Text Posts: Rich text content with optional post titles and free-form hashtags for better discoverability
- Rich Media Posts: Images and videos with enhanced display, and alt text support
- Livestream Posts: Livestreaming with interactive chat and reactions
- Poll Posts: Interactive polls with voting and real-time results
- Text-only polls with multiple choice options
- Image polls with visual voting options (supported on iOS, Android, React)
- Vote management - users can change or remove their poll votes
Engagement Features
Engagement Features
User Interaction Capabilities
- Reactions: Multiple sentiment expressions
- Inline Comments: Threaded conversations displayed directly under posts on feeds for improved engagement
- Mentions: @username functionality with notifications and user discovery
- Sharing: Content distribution with shareable deep links for posts
- Poll Voting: Interactive voting with the ability to change or remove votes before poll closes
Advanced Features
Advanced Features
Enhanced Functionality
- Post Titles: Optional titles for better post organization and context
- Free-form Hashtags: Add hashtags anywhere in post content for improved content discovery and categorization
- Shareable Deep Links: Generate and share direct links to specific posts for seamless navigation
- Link Preview: Automatic metadata extraction and display for URLs shared in posts
- Gallery-to-Post Linking: Community gallery media is linked to original posts, providing full context when viewing images
- Brand User: Professional/admin posting capabilities with enhanced visibility
- Accessibility: Comprehensive alt text support for images ensuring inclusive content
- Moderation: Content reporting and management for community safety
Implementation Guide
- Post Detail Page
- Post Content Component
- Post Composer
- Media Attachments
- Poll Components
Complete post viewing experienceThe Post Detail Page displays comprehensive post information, including content, engagements, and comments.
Features
| Feature | Description |
|---|---|
| Engagement Options | Users can like, comment, and interact with posts directly from this page |
| Content Display | Full post content with media, polls, and interactive elements |
| Comment Integration | Integrated comment tray for discussions |
Customization Options
| Config ID | Type | Description |
|---|---|---|
post_detail_page/*/* | Theme | You can customize page theme |
post_detail_page/*/back_button | Element | You can update back button icon |
post_detail_page/*/menu_button | Element | You can update menu button icon |
Code Examples
Navigation Behavior
Component Management Strategies
Content Creation Flow
Content Creation Flow
Designing intuitive creation experiencesPlan your post creation flow by considering user context and target audience selection. Design clear pathways from content creation to media attachment and publishing, ensuring users can easily express themselves through various content types.
Media Management
Media Management
Optimizing media workflowsImplement efficient media upload and processing workflows. Consider file size limits, format support, and accessibility features like alt text. Design intuitive media attachment interfaces that support multiple content types.
Engagement Optimization
Engagement Optimization
Driving user interactionUse post components strategically to encourage engagement. Implement clear call-to-actions for reactions, comments, and sharing. Design poll components to foster community participation and discussion.
Best Practices
Content Creation UX
Content Creation UX
Creating intuitive posting experiencesDesign clear, accessible interfaces for content creation with progressive disclosure of advanced features. Provide helpful guidance for media uploads, alt text, and audience selection. Ensure posting flows are mobile-optimized and respect platform conventions.
Accessibility Implementation
Accessibility Implementation
Ensuring inclusive content creationImplement comprehensive accessibility features including alt text for images, keyboard navigation support, and screen reader compatibility. Follow WCAG 2.1 guidelines for content creation interfaces and provide clear labeling for all interactive elements.
Performance Optimization
Performance Optimization
Ensuring smooth content experiencesImplement efficient media upload and processing with appropriate compression and formatting. Use progressive loading for post content and optimize image/video display for different screen sizes and connection speeds.
Related Features
Social Feeds
Content Display Feed components for displaying and organizing posts
Comments & Reactions
Engagement Features User interaction and engagement components
Communities
Community Features Community management and participation tools
Implementation Strategy: Start with AmityPostDetailPage and AmityPostContentComponent for displaying posts, then add AmityPostComposerPage for creation workflows. Integrate media attachment components and poll features based on your community engagement goals.