Skip to main content

​
Threaded Comments

Reddit-style threaded comment system with unlimited nesting depth, upvote/downvote functionality, and visual threading lines.

​
Overview

Threaded comments are perfect for forums, technical discussions, and any platform where users need to have deep, structured conversations with clear visual hierarchy.
Threaded Comments Preview

​
Key Features

Unlimited Nesting

Comments can be nested infinitely deep. Users can reply to any comment, creating branching conversation threads.

Upvote/Downvote System

Reddit-style voting with visible scores. Helps surface quality content and provides social proof.

Visual Threading

Clear indentation and connection lines show comment hierarchy. Easy to follow complex conversations.

Collapsible Threads

Users can collapse entire comment chains to navigate long discussions more easily.

@ Mentions

Tag other users with @username. Clickable mentions with autocomplete suggestions.

Highlighted Comments

Deep-link to specific comments. Useful when directing users from notifications.

Edit & Delete

Comment authors can edit or delete their own comments. Full moderation support.

Reporting & Moderation

Built-in reporting system. Admin dashboard for managing reports and banning users.

​
Use Cases

Perfect for:
  • Developer forums and Q&A sites
  • Technical blog posts
  • News sites with discussion sections
  • Community forums
  • Reddit-style platforms
  • Long-form content with detailed discussions
Not ideal for:
  • Quick social media interactions (use Social Comments instead)
  • Mobile-first, minimal designs (use Social Comments instead)
  • Platforms that want positive-only engagement (no downvotes)

​
Platform Support

PlatformStatus
React (Web)✅ Fully supported
React Native⚠️ In progress
Expo⚠️ In progress

​
Styling Variants

Threaded comments are available in two styling options:
  • Tailwind CSS
  • Inline Styles
Uses Tailwind utility classes for styling.Requires: Tailwind CSS installed in your projectExample:
<div className="bg-white dark:bg-gray-800 p-4 rounded-lg border border-gray-200 dark:border-gray-600">
Best for: Projects using Tailwind, design system integration
Choose your preference during npx @replyke/cli init.

​
Required Dependencies

Threaded comments depend on these Replyke packages for core functionality: 
{
  "dependencies": {
    "@replyke/react-js": "^6.0.0",
    "@replyke/ui-core-react-js": "^6.0.0"
  }
}
These handle:
  • Comment data fetching & caching
  • Real-time updates
  • Authentication integration
  • Vote handling
  • Moderation actions
The CLI will check for these dependencies and prompt you to install them if missing.

​
Next Steps

Installation

Add threaded comments to your project

Props & API

Learn about available props and options

File Structure

Understand the component file organization

Features

Explore all features in detail