Social Comments
Instagram-style social comment system with hearts/likes, single-level nesting, and clean minimal design.Key Features
Simple Nesting
Maximum 2 levels: comments and replies. Clean, easy-to-follow conversations.
Heart/Like System
Positive-only engagement. No downvotes — just likes.
Sorting Options
Top/New/Old sorting built-in. Users can switch on the fly.
Minimal Design
Clean, uncluttered interface perfect for mobile and visual content.
@ Mentions
Tag other users with autocomplete suggestions.
Real-Time Updates
Automatic updates when new comments arrive.
Use Cases
Perfect for:- Social media platforms
- Photo/video sharing apps
- Content creator platforms
- Mobile-first experiences
- Quick social interactions
- Brand engagement
- Deep technical discussions (use Threaded Comments instead)
- Platforms that need voting/scoring
- Content requiring complex threading
Platform Support
Styling Variants
- Tailwind CSS
- Inline Styles
Uses Tailwind utility classes. Requires Tailwind CSS (or NativeWind for React Native) installed.Best for projects using Tailwind or design system integration.
npx @sublay/cli init.
Required Dependencies
React (Web):Next Steps
Installation
Add social comments to your project
Props & API
Learn about available props
File Structure
Understand file organization
Features
Explore all features