# Kinetic title: Title Animation

Bold white capitals spelling YOUR STORY animate onto a black screen with CSS keyframes. Copy this video template's code for an AI agent, or edit it in Subclip.

Canonical URL: https://www.subclip.app/motion-graphics-templates/html-css/kinetic-title

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-html-kinetic-title.mp4?v=0a6561d65b

A short bold title animation in white capitals on black, built with plain HTML and CSS keyframes.

- Framework: HTML & CSS
- Category: Titles
- Duration: 3 s
- Aspect ratio: 16:9 landscape
- Code: Get the code (free sign-in): https://www.subclip.app/motion-graphics-templates/html-css/kinetic-title

It opens on a plain black screen, and the words YOUR STORY animate in as a single centered line of heavy white capitals. The letters are set tight, with no extra decoration, so the motion and the type carry the whole clip. The animation is driven by CSS keyframes rather than a script, and it plays out in about three seconds, ending on the finished title held in the center of the frame.

There are no preset controls, so you change the wording, font or colors by editing the HTML and CSS directly, which keeps it simple to restyle. After a free sign-in you can copy or download the code to use with Claude, Codex or another AI coding agent, or add it to a project in the Subclip app. It works as a channel intro, chapter title or end card.

## Use it for

- Short channel intros
- Chapter titles in tutorials
- End cards and sign-offs
- Simple story openers

## 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 Kinetic title 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.