Docs Cover
Docs : Real-time Online Document Editor
This system provides a fluid, responsive, and feature-rich document editing and collaboration environment. It offers a modern alternative to traditional tools like Google Docs, enabling users to create, edit, and collaborate on documents in real-time with minimal latency. The platform is highly customizable, catering to the evolving needs of modern users.
Github Link
Demo
Technologies :
Next.js
Convex
Clerk
Tiptap Editor
Liveblocks
Vercel

Introduction

Docs is a modern, real-time document editing and collaboration platform designed to redefine how teams create, share, and work on documents together. Built as an alternative to traditional tools like Google Docs, this platform offers a seamless, low-latency editing experience with live updates, synchronized changes, and collaborative features like user presence tracking and threaded comments. Leveraging technologies such as TipTap, Liveblocks, Convex, and Clerk, it provides a fully customizable, secure, and responsive environment for modern workflows. Built for speed, collaboration, and flexibility, this platform is the ideal solution for individuals, teams, and organizations looking to elevate their document workflows.
Key Features
Real-time Document Collaboration
  • Multiple users can collaborate seamlessly with real-time updates, live cursor tracking, and synchronized changes.
Customizable Document Editing
  • Features a flexible text editor with support for advanced formatting, tables, task lists, image embedding, and more.
Secure Authentication & Access Management
  • Ensures secure logins, user authentication, and organizational access control.
Template Library
  • A variety of pre-designed templates (business letters, resumes, etc.) for easier document creation.
Dynamic UI
  • Intuitive and responsive user interface optimized for multiple devices.
Tech Stack
Frontend
  • Next.js: For server-side rendering and fast load times.
  • Tailwind CSS & Shadcn: For responsive and stylish UI.
  • Lucide-react & React-Icons: For intuitive and clear iconography.
  • Toast: For user notifications.
Backend
  • Convex: For real-time database and API synchronization.
Collaboration
  • Liveblocks: For real-time collaboration and presence tracking.
Authentication
  • Clerk: For secure user authentication and access management.

© 2025 Thamini Perera. All rights reserved.