Extended Module

Kinetic Type

Specialized motion effects for typographic elements — typewriter, cascade, stamp, wave, and more. Designed for headings and display text. Click entries to replay.

gleam-kinetic-type.css 10+ effects typography-grade 
<!-- Typewriter with cursor -->
<h1 class="gleam kinetic-type-write kinetic-type-cursor">
  Hello World
</h1>

<!-- Cinematic stamp entrance -->
<h1 class="gleam kinetic-type-stamp">BIG TITLE</h1>

<!-- Per-character wave (loop per span) -->
<span class="kinetic-type-wave" style="--delay:0s">H</span>
<span class="kinetic-type-wave" style="--delay:0.1s">I</span>
kinetic-type-write + kinetic-type-cursor

Animation that writes itself.

kinetic-type-stamp

STAMP

kinetic-type-cascade

Cascades in from below

kinetic-type-bounce-in

B O U N C E

kinetic-type-wave (looping per character)

W A V E