Skip to main content

Choosing Your Comment Style

Sublay offers two distinct comment component styles, each optimized for different use cases and user experiences.

Available Components

Threaded Comments

Reddit-style threaded discussions
  • Unlimited nesting depth
  • Upvote/downvote with scores
  • Visual threading lines
  • Collapsible threads
  • Focus on structured discussions
Package: comments-threaded

Social Comments

Instagram-style social comments
  • Single-level nesting (max 2 levels)
  • Heart/like system (no dislikes)
  • Top/New/Old sorting
  • Clean, minimal design
  • Quick social interactions
Package: comments-social

Notification Control

Dropdown notification bell
  • Real-time notification updates
  • Smart viewport positioning
  • Mark as read functionality
  • Infinite scroll
  • Lightweight (5 files)
Package: notifications-control

Comparison


When to Use Threaded Comments

Choose Threaded Comments when you need:
Forums, technical discussions, and detailed conversations benefit from unlimited nesting. Users can reply to specific points deep in a thread.Example use cases:
  • Developer forums
  • Blog posts with technical content
  • Q&A platforms
  • Community discussions
Upvotes and downvotes help surface quality content and hide low-quality contributions. Scores provide social proof.Example use cases:
  • Reddit-style communities
  • News sites
  • Content aggregators
  • User-generated content platforms
Threading lines and indentation make it easy to follow complex conversation flows and see which comments are responding to what.Example use cases:
  • Long discussions
  • Debates
  • Multi-topic threads
  • Complex conversations

When to Use Social Comments

Choose Social Comments when you need:
Simple, fast commenting without deep nesting. Perfect for social media-style engagement.Example use cases:
  • Photo/video sharing platforms
  • Social media apps
  • Short-form content
  • Mobile-first experiences
Hearts/likes promote positive interactions without the negativity of downvotes. Better for community culture in some contexts.Example use cases:
  • Instagram-style apps
  • Creator platforms
  • Positive communities
  • Brand engagement
Flat, uncluttered interface that doesn’t distract from content. Better for mobile and visual-first platforms.Example use cases:
  • Mobile apps
  • Visual content platforms
  • Minimalist designs
  • Content-first experiences

Can I Use Both?

Yes! You can install both component types in the same project and use them on different pages or for different content types.
Then use whichever fits best:
Both component types will be installed in separate directories and won’t conflict with each other.

Platform Support

Threaded comments for React Native and Expo are currently in development. Social comments are fully supported on all platforms.

Next Steps

Ready to add components? Choose your style:

Threaded Comments

Learn about Reddit-style threaded comments

Social Comments

Learn about Instagram-style social comments

Quick Start

Get started in under 5 minutes

Customization

Customize any component to match your brand