SyncScript: Revolutionizing Collaborative AI Editing SoftwareSyncScript: Revolutionizing Collaborative AI Editing Software
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Dinara's avatar
Dinara Dzharkymbaeva
• Apr 18
SyncScript — Collaborative AI Editor
📌 About SyncScript
SyncScript is a Notion-like editor designed to meet the needs of collaborative editing with AI assistance. Although the design of SyncScript is inspired by the “Obsidian & Gold” style, which utilizes the latest OKLCH model, the main purpose of this product is to facilitate collaboration among multiple users and ensure that AI operates natively within the application.
🚀 Key Achievements & Features
1. 🌐 Enterprise-Level Collaboration The core of SyncScript is a highly advanced CRDT synchronization engine built using Liveblocks and Yjs.
Multiplayer Architecture: Enables concurrent editing without any latency in conflict resolution.
Presence and Awareness: Provides native real-time presence functionality that lets users know who else is active in the environment and what they’re doing.
Stateful Architecture: Designed to ensure document consistency even when network connections are unreliable.
2. 🧠 Integrated AI Assistant
Rather than a traditional chatbot, SyncScript features a deeply integrated AI Assistant using the Vercel AI SDK.
Direct Node Manipulation: The AI interacts directly with the Tiptap editor tree, allowing it to stream content, rewrite sections, and expand ideas directly within the document flow.
Real-Time AI Streaming: Designed for speed, the assistant provides immediate feedback, allowing teams to brainstorm and draft content at the speed of thought.
3.🎨 Optimized Technical Design The user interface has been developed based on the OKLCH color model, thus providing a top-notch design without compromising on performance and accessibility.
SEO-first Interface: Optimized to achieve a perfect 100/100 SEO score and high performance metrics in the Lighthouse, providing high-speed editor functionality regardless of collaboration load.
Modern Tech Stack: Built on the latest technologies with React 19 and Next.js 16, taking advantage of the Server Actions API and optimized React NodeViews.
Frontend DevelopmentWeb DesignTailwind CSSNext.js
Post image
Adegbite's avatar
Adegbite Adedamola
• 1d
Really like how clean and engaging this feels. If someone wanted to reach this level, what would you say makes the biggest difference in your process?
Dinara's avatar
Dinara Dzharkymbaeva
• 1d
Thank you! Very appreciated! The secret is not reinventing the wheel. I stick to the proven architectures and standards developed by the community, which allows me to focus purely on the user experience and polish.
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started