Editor Overview
A powerful, browser-based code editor designed for scientific writing.
Clarity's editor is built on Monaco (the same engine behind VS Code), customized for scientific document authoring.
Key Features
- Syntax highlighting for LaTeX and Typst
- Real-time error detection with inline diagnostics
- Autocomplete for commands, environments, and references
- Code folding to collapse sections
- Bracket matching and auto-closing
- Multiple file tabs for quick navigation
- SyncTeX support — click in the PDF to jump to the source, and vice versa
Split View
The editor uses a resizable split layout:
- Left: Source code editor
- Right: Live PDF preview
You can drag the divider to resize, or use the floating PDF viewer for a detached preview window.
File Tree
The left sidebar shows your project's file structure. You can:
- Create new files and folders
- Rename or delete files
- Click to open files in new tabs
- Drag to reorganize (coming soon)
Was this helpful?