Skip to content
Homepage Get Captions

Draw a line on screen over time.

Reveal part of a vector outline, then animate how much is visible. Use trim paths for drawn-on graphics, animated outlines, and lines that guide attention.

One continuous path draws an orbit and an underline.

Try it in your agent.

Use this prompt as a starting point. Review the result, then ask for the details you want to change.

A prompt to start from

Build an eight-second Tesseract animation on a light background. Draw a continuous cyan line that curls into a loose orbit, then sweeps under a headline. Use native Trim Paths to reveal the line from beginning to end. Keep the path, rounded stroke, and reveal timing editable, and hold the completed drawing.

New to Tesseract? Find the setup for your local agent.

Keep control of the result.

Path geometry
Change the shape of the line using its vector points.
Start and end
Choose the portion of the outline that is visible.
Stroke styling
Keep color, width, and line endings editable.

A few useful details.

Is the line a video or an editable shape?

It is a native vector shape. The outline and trim animation remain part of the project.

Can I reveal only part of the path?

Yes. The start and end controls define the visible portion. Animate them to create a draw-on or a moving segment.

How do I try this with my agent?

Copy the prompt into your supported local agent with Tesseract installed. Review the preview, then ask for the changes you want. The composition stays editable as you refine it.

Where does the video render?

Tesseract previews and renders locally on macOS, Windows, or Linux. The local engine is free; your agent’s subscription or usage costs are separate.

Browse all Tesseract features

Your next video, made with your agent.

Install Tesseract in your local agent, bring a brief, and start creating.

Install ChatGPT Plugin

Free on Mac, Windows, and Linux. Your agent’s costs are separate.

Read the prompt

Set up Tesseract by Mirage so you can create editable designs, edit videos, and make motion graphics in this agent’s environment. Read https://github.com/mirage-hq/Tesseract and check the requirements for this local or hosted environment. If it is supported, follow the official plugin or skills installation guide, use its required runtime version, verify the download checksum, and confirm a short preview renders correctly. Then ask what I want to make and which brand references or source assets I have. Keep the editable project and source assets with the finished render.

Paste this into your agent

Set up Tesseract by Mirage so you can create editable designs, edit videos, and make motion graphics in this agent’s environment. Read https://github.com/mirage-hq/Tesseract and check the requirements for this local or hosted environment. If it is supported, follow the official plugin or skills installation guide, use its required runtime version, verify the download checksum, and confirm a short preview renders correctly. Then ask what I want to make and which brand references or source assets I have. Keep the editable project and source assets with the finished render.