SkillGitHub
All components
kinetic-heading

Kinetic heading

Changes display-heading spacing, weight, and tension through pointer or keyboard input.

  • Keyboard ready
  • Reduced motion
  • TypeScript
Scene
editorial · warm
Runtime cost
Light
Motion engine
motion
Installnpx shadcn@latest add https://motion-lexicon.pages.dev/r/kinetic-heading.json

Component behavior

Heading responds to input tension as one object Changes display-heading spacing, weight, and tension through pointer or keyboard input.

Suitable events

Use for typographic emphasis, rhythm, and transformation.

Runtime information

Motion engine
motion
Runtime cost
Light
Dependencies
motion
Open public Registry JSON