Feeds, profiles, messaging, forums. Build social platforms and community apps.
Social Media Feed
Twitter/X-style feed with posts, likes, comments, and real-time updates.
💜 Lovable⚡ Bolt📋 1,234 copies
Build a social media feed:
**Feed:**
- Chronological post list
- Post card: avatar, name, handle, timestamp
- Post content (text, images, links)
- Actions: Like ❤️, Comment 💬, Share ↗️, Bookmark 🔖
- Like/bookmark counters
**Compose:**
- "What's happening?" input
- Attach image button
- Character counter (280 max)
- Post button
**Sidebar:**
- Trending topics
- Who to follow
- Search bar
**Real-time:**
- New posts appear at top
- Like counts update live
Supabase for realtime subscriptions
User Profiles
Complete user profile with posts, followers, and customization.
💜 Lovable📋 876 copies
Create a user profile page:
**Header:**
- Cover photo (1500x500)
- Profile photo (overlapping)
- Display name, @handle
- Bio (160 chars)
- Location, website, joined date
- Follow/Edit Profile button
**Stats Row:**
- Posts count
- Followers count (clickable)
- Following count (clickable)
**Tabs:**
- Posts
- Replies
- Media
- Likes
**Sidebar:**
- Following list
- Photos grid
**Edit Profile Modal:**
- Photo uploads
- Bio, location, website
- Theme preference
Direct Messaging
Real-time chat between users. Conversations list and message thread.
💜 Lovable⚡ Bolt📋 765 copies
Build a messaging system:
**Conversations List:**
- Avatar, name, last message preview
- Timestamp
- Unread indicator
- Search conversations
**Chat Thread:**
- Message bubbles (you: right, them: left)
- Timestamps
- Read receipts (✓✓)
- Image attachments
- Typing indicator
**Compose:**
- Text input
- Emoji picker
- Image upload
- Send on Enter
**Real-time:**
- Instant delivery
- Typing indicators
- Online/offline status
Supabase Realtime for WebSocket
Discussion Forum
Reddit-style forum with threads, upvotes, and nested comments.
💜 Lovable⚡ Bolt📋 543 copies
Create a discussion forum:
**Categories:**
- Category list with icons
- Post count per category
**Thread List:**
- Title, author, category tag
- Upvote count
- Comment count
- Last activity timestamp
**Thread View:**
- Original post (full)
- Upvote/downvote buttons
- Nested comments (Reddit-style)
- Reply to thread or comment
**Create Post:**
- Title input
- Category selector
- Rich text editor
- Submit button
**User Features:**
- Karma score
- Post history
- Upvote/downvote (not on own posts)
Notifications System
Real-time notifications for likes, follows, comments, and more.
💜 Lovable📋 432 copies
Build a notifications system:
**Notification Types:**
- New follower
- Like on your post
- Comment on your post
- Mention (@username)
- Reply to your comment
**Notification Card:**
- Icon (type-specific)
- User avatar + name
- Action text
- Timestamp
- Link to relevant content
- Unread indicator (blue dot)
**Features:**
- Mark as read on click
- Mark all as read button
- Delete notification
- Filter by type
- Real-time updates
**Settings:**
- Email notifications toggle
- Push notifications toggle
- Per-type preferences
Supabase Realtime for live updates