> ## Documentation Index
> Fetch the complete documentation index at: https://kino.ai/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Editing

> Browser-native timeline editing with AI and real-time collaboration

Kino's editor runs in your browser or the Mac desktop app. No version conflicts, no MEDIA OFFLINE. Open any project from a URL and start cutting.

## What you can do

<CardGroup cols={2}>
  <Card horizontal title="AI assistance" icon="sparkles">
    Ask Kino to build rough cuts, find clips, and add them to your timeline through natural conversation.
  </Card>

  <Card horizontal title="Real-time collaboration" icon="users">
    Edit the same timeline with your team. See who's in the project and leave comments on frames.
  </Card>

  <Card horizontal title="Motion graphics" icon="brush">
    Describe what you want and Kino generates custom animations, titles, and visual effects.
  </Card>

  <Card horizontal title="Remotion import" icon="download">
    Import a Remotion project folder and keep editing it as a Kino composition.
  </Card>
</CardGroup>

***

## AI editing

Chat with Kino to build your edit. Drag clips into the conversation, @mention people, and let AI do the heavy lifting.

<Tabs>
  <Tab title="Build rough cuts">
    <div className="chat-example">
      <div className="chat-user">Create a rough cut from the best interview moments with <span className="chat-mention">@Sarah</span></div>
      <div className="chat-kino">I've assembled 8 clips into a new sequence. The strongest soundbites are at the beginning. Want me to add B-roll?</div>
    </div>
  </Tab>

  <Tab title="Add to timeline">
    <div className="chat-example">
      <div className="chat-user">Add the sunset drone shot to the end of my intro sequence</div>
      <div className="chat-kino">Added the clip to Track 1 at 00:00:45. I trimmed it to match the music beat at 00:00:52.</div>
    </div>
  </Tab>

  <Tab title="Understand your edit">
    <div className="chat-example">
      <div className="chat-user">What's happening at the playhead right now?</div>
      <div className="chat-kino">You're at 01:23:45. This is a wide shot of the conference room with <span className="chat-mention">@Brian</span> presenting. The B-roll on Track 2 shows audience reactions.</div>
    </div>
  </Tab>
</Tabs>

<Tip>
  Drag clips into the conversation to ask Kino about specific footage or add it to your timeline.
</Tip>

***

## Real-time collaboration

Your timeline is a URL. Share it with your team and edit together in real-time.

<CardGroup cols={2}>
  <Card horizontal title="See changes live" icon="eye">
    Watch clips move, tracks update, and edits happen as your teammates work. Everyone stays in sync.
  </Card>

  <Card horizontal title="Comments" icon="message-square">
    Leave feedback on specific frames. Resolve comments as you address notes.
  </Card>

  <Card horizontal title="No version conflicts" icon="check-circle">
    Everyone works on the same timeline. No emailing project files back and forth.
  </Card>

  <Card horizontal title="Share with a link" icon="link">
    Send your project URL to anyone in your organization. They open it in Chrome.
  </Card>
</CardGroup>

***

## Timeline tools

A familiar editing experience with the shortcuts you already know.

* Unlimited video and audio tracks
* Drag clips, trim edges, and set I/O points
* Frame-accurate playback with arrow-key stepping
* Script viewer: your timeline's transcript as a scrollable script, synced to the playhead. Click any word to jump to that frame
* Undo history
* Browser export for finished videos