Open source React commenting system with rich text editing, multiple design variants, and flexible storage adapters
Test the Lexical-based comment composer with mentions and tags functionality.
See how full conversation threads look in different design styles.
View all comments in a centralized slide-out drawer with search and filtering.
No comments match your search.
Comprehensive commenting system designed for modern applications
Powered by Lexical with @mentions, #tags, auto-list creation, emoji search, and automatic URL/email detection. Centralized configuration ensures consistency across editing and read-only modes.
Pluggable storage adapters support localStorage, REST APIs, server actions, and TanStack Query. Switch between storage backends without changing your components.
From card and bubble styles to timeline and GitHub variants - each with unique visual identity and user experience. Seamlessly switch between designs.
Comments can be associated with any entity type using sourceId/sourceType patterns. Perfect for audits, projects, documents, or custom domain objects.
Smart reply system with improved flat threading that prevents deep nesting while maintaining visual hierarchy and proper reply associations.
Full-text comment search with filtering, adapter-based storage persistence, and easy data management tools for efficient content discovery.
Edit comments in-place with auto-clearing composers, save/cancel controls, and consistent UX across all variants without page reloads.
Adaptive composer styling, variant-specific button configurations, and intelligent placeholder positioning with centralized Lexical configuration.
Add commenting functionality to your project using our ShadcnUI-compatible component registry.
Ensure your project has ShadcnUI configured with proper aliases in components.json
Essential commenting system with contexts, hooks, types, and Lexical editor
Main comment listing component with search functionality
Sidebar/drawer component for centralized comment management
Next.js Server Actions storage adapter with React cache integration
REST API integration for external services
React Query integration with caching and optimistic updates