# Notes Typing: Typing Animation

A vertical notes app types your story with a live keyboard, then closes on a checklist card. Use this video template in Subclip or copy its code for Claude.

Canonical URL: https://www.subclip.app/motion-graphics-templates/hyperframes/notes-typing

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-hyperframes-notes-typing.mp4?v=c0df088f06

A 9:16 phone notes animation that types a title and seven lines with an on-screen keyboard, then ends on a checklist card with your brand.

- Framework: HyperFrames
- Category: UI
- Duration: 25 s
- Aspect ratio: 9:16 vertical
- Code: Get the code (free sign-in): https://www.subclip.app/motion-graphics-templates/hyperframes/notes-typing

The vertical video opens on a phone notes screen with a bold two-line title at the top and a keyboard filling the lower half. Text is typed line by line with a yellow caret following each letter, and the page scrolls up as new lines arrive. After the seventh line, the scene moves to a closing card with a top and bottom line, three hand-lettered checklist items with values, and a logo with a web address. It runs about 25 seconds.

Write your two title lines and up to seven note lines to tell a short story or list a problem. The closing card takes its own top and bottom text, three checklist labels with matching values, a brand logo and a domain. It suits personal-story Reels and TikToks, founder posts, problem and solution pitches, and Shorts that build to a clear answer.

## Use it for

- Story-style Reels and TikToks
- Founder or creator confession posts
- Problem and solution product pitches
- Checklist recap for Shorts

## What you can change

- `titleL1`: Title line 1 (Text)
- `titleL2`: Title line 2 (Text)
- `line1`: Note line 1 (Text)
- `line2`: Note line 2 (Text)
- `line3`: Note line 3 (Text)
- `line4`: Note line 4 (Text)
- `line5`: Note line 5 (Text)
- `line6`: Note line 6 (Text)
- `line7`: Note line 7 (Text)
- `cardTop`: Card top text (Text)
- `cardBottom`: Card bottom text (Text)
- `check1Label`: Checklist item 1 (Text)
- `check1Value`: Checklist value 1 (Text)
- `check2Label`: Checklist item 2 (Text)
- `check2Value`: Checklist value 2 (Text)
- `check3Label`: Checklist item 3 (Text)
- `check3Value`: Checklist value 3 (Text)
- `brandLogo`: Brand logo (Text)
- `brandDomain`: Website address (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 Notes Typing 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.