Social & Community
25 components for social networks, communities, and user engagement
Like Animation
Heart burst on click
When to useLike buttons, favorites, reactions.
Stories Row
Horizontal story avatars
When to useStory feeds, status updates, highlights.
Add story
Profile Header
User profile banner
When to useProfile pages, user details, about.
Sarah Johnson
@sarahj
Designer & Developer ✨ Building cool stuff
1.2K Following45K Followers
Comment Input
Reply to post input
When to useComments, replies, feedback.
Notification Item
Activity notification row
When to useNotification lists, activity feeds.
username liked your photo
2m ago
username started following you
1h ago
username commented on your post
3h ago
User Mentions
@username display
When to useComments, posts, tagging.
Hey @sarah and @john, check this out! 🎉
Post Composer
Create new post UI
When to useCreating posts, status updates.
Trending Topics
Popular hashtags list
When to useDiscover pages, sidebars, explore.
Trending
1 • Trending
#ReactJS
12.4K posts
2 • Trending
#Design
8.2K posts
3 • Trending
#WebDev
5.1K posts
Who to Follow
User suggestions
When to useSidebars, onboarding, discovery.
Who to follow
Alice Chen
@alicechen
Bob Smith
@bobsmith
Carol White
@carolwhite
Image Grid
Multi-image post layout
When to usePhoto posts, galleries, albums.
+3
Video Post
Video content player
When to useVideo feeds, reels, clips.
1:24
Poll
Voting options
When to useEngagement, surveys, opinions.
100 votes • 2 hours left
Verified Badge
Account verification mark
When to useProfiles, usernames, trust indicators.
Sarah Johnson
Location Tag
Geotagged location
When to usePosts, check-ins, places.
Privacy Selector
Post visibility options
When to usePost creation, sharing settings.
Event Card
Social event display
When to useEvents, meetups, gatherings.
Dec 15 • 7:00 PM
Design Meetup SF
San Francisco
+42 going
Achievement Badge
Gamification rewards
When to useProfiles, rewards, milestones.
Early Adopter
Top Creator
100 Likes
Bio Link
Profile link button
When to useLink in bio, profile links.
Live Badge
Streaming indicator
When to useLive streams, broadcasts, real-time.
LIVE
Mute User
User mute toggle
When to usePrivacy controls, moderation.
Pinned Post
Highlighted post indicator
When to useProfile pinned content, featured.
Pinned
This is my most important post that I want everyone to see first!
Blocked User
Blocked profile state
When to usePrivacy, user blocking.
@blocked_user
You blocked this account
Sarah Johnson
2 hours ago • 🌍
128 likes
sarah Enjoying the sunset 🌅