FreeVideo
App window with zoom
- 365365 downloads
- 125125 likes
- 188188 saves
Works with
+ HyperFrames- Claude Code
- Codex
- Cursor
- and 3 more
Kinetic typography: headline reveals v1.0.0
Use this resource to animate a headline or text with a polished reveal
New
- 430 downloads
- 234 likes
- 139 saves
Free
Install with the CLI
In a terminal, from the folder you want:
npx --yes palatekit@latest install kinetic-typography-revealsWith no option, the skill goes to ~/.agents/skills/; add --agent claude-code (or codex, cursor…) to target an agent.
First time: connect the CLI with
npx --yes palatekit@latest loginThe agent first sorts out the static typography, picks how to split the text (line, word, character), then applies a reveal technique with precise timing. It keeps the text accessible to screen readers and delivers a standalone HTML file checked on frozen frames.
Mostly picked by
Updated November 2, 2026
Previews
Details
- Install guides
- Generates with
- Your agent's model
- Uses
- Web browser
- Node.js (for verification screenshots)
- Licence
- MIT
Similar resources
View all- Free
FreeVideo
One big number
- 463463 downloads
- 223223 likes
- 100100 saves
Works with+ HyperFrames- Claude Code
- Codex
- Cursor
- and 3 more
PROVideo
PalateKit Motion, the library
- 338338 downloads
- 198198 likes
- 249249 saves
Works with+ HyperFrames- Claude Code
- Codex
- Cursor
- and 3 more
PROVideo
Three bars head to head
- 348348 downloads
- 133133 likes
- 182182 saves
Works with+ HyperFrames- Claude Code
- Codex
- Cursor
- and 3 more
PROVideo
Before / after slider
- 322322 downloads
- 248248 likes
- 238238 saves
Works with+ HyperFrames- Claude Code
- Codex
- Cursor
- and 3 more
PROVideo
Three-card carousel
- 418418 downloads
- 157157 likes
- 101101 saves
Works with+ HyperFrames- Claude Code
- Codex
- Cursor
- and 3 more
PROVideo
Chat exchange
- 564564 downloads
- 127127 likes
- 161161 saves
Works with+ HyperFrames- Claude Code
- Codex
- Cursor
- and 3 more
PROVideo
Checklist ticking off
- 442442 downloads
- 233233 likes
- 160160 saves
Works with+ HyperFrames- Claude Code
- Codex
- Cursor
- and 3 more
What you get
- SKILL.md: split granularity, four reveals, timing, variable weight, text on a path (French translation included)
- A copy-paste recipe book for CSS, GSAP SplitText, Framer Motion and Remotion
- A freeze harness to capture any moment
Good fit for
- A homepage headline that appears with style
- A lyric or animated caption video
- A title card for a video
Not for
- Animating interface elements other than text
- 3D letter animation
- Long text meant to be read in one go
Tags
- typography
- animation
- headline
- gsap
- css
About
You say
"Animate my homepage headline with a mask rise, line by line, and respect prefers-reduced-motion."
Skill published by iart-ai under the MIT license.
Show moreShow less
Prerequisites
- You bring
- The text to animate and The font and visual direction
- Dependencies
- Web browser and Node.js (for verification screenshots)
How to use it
- Give the text, the font and the mood you want
- The agent picks the split and the reveal, then writes the HTML file
- Check the frozen frames (start, middle, end) and tune the timing
Content preview
Files
- LICENSE1 KB
- NOTICE-PALATEKIT.md0.4 KB
- references/reveal-recipes.md7.3 KB
- SKILL.md7.8 KB
Origin and licence
Modified by PalateKit
- Author
- iart-ai
- Source
- github.com/iart-ai/kinetic-typography-skills/tree/fccc94bd325d824235ee9e715e65abde57b6513a/skills/kinetic-typography
- Licence
- MIT
Notice
Version modifiée de « kinetic-typography » (iart-ai, MIT) : traduction française et fiche par PalateKit.
User reviews
–
No ratings yet
Loading reviews…
Frequently asked questions
Does the text stay readable by screen readers?
Yes: the skill requires an aria-label on the container and hides the split fragments.
Are the mentioned helper scripts included?
No, only the texts are shipped; the Playwright command shown is enough to capture a frame.