# Outline Draw: Highlight Box

A rounded rectangle outline draws itself clockwise around the frame, leaving the center clear. Use this video template in Subclip or copy its code for Claude.

Canonical URL: https://www.subclip.app/motion-graphics-templates/hyperframes/outline-draw

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-hyperframes-outline-draw.mp4?v=086f1a19cc

A thin rounded-corner outline that draws clockwise with a transparent center, used to frame and highlight part of your video.

- Framework: HyperFrames
- Category: Annotations
- Duration: 4 s
- Aspect ratio: 16:9 landscape
- Code: Get the code (free sign-in): https://www.subclip.app/motion-graphics-templates/hyperframes/outline-draw

A single rounded rectangle draws itself clockwise, starting from one corner and tracing all four sides until the shape closes. The default stroke is a bright blue line on a transparent background, so only the outline shows over your video and everything inside it stays visible. The draw plays out across four seconds, and the finished box frames the content underneath without covering it or adding a fill.

Set how much of the outline is drawn, how thick the line is, how round the corners are, and which color it uses. Scale and position it over the part of the shot you want viewers to look at. It works for screen recordings, tutorials, app demos, product close-ups and reaction videos where a simple frame points out one area.

## Use it for

- Highlighting part of a screen recording
- Framing a product in a demo
- Pointing out details in tutorials
- Calling out a face in reactions

## What you can change

- `progress`: Draw progress (Number)
- `thickness`: Line thickness (Number)
- `radius`: Corner radius (Number)
- `accent`: Outline color (Text)

## How to use this template

1. Download Subclip for Mac or Windows. Every template on this page comes pre-installed.
2. Open the Templates panel, pick Outline Draw and drop it on your timeline.
3. Change the text, colors and timing in the layer settings, or ask the AI agent to edit it for you.
4. Export your video, or download the code to use the template in your own project.