Skip to content

Add Kinetic Center Build to the Catalog #3268

Description

@AksharP5

Problem

The Catalog does not have a text effect where each incoming word pushes the existing phrase left and the complete line remains centered.

Hyfrme already includes this motion as a port of Remocn's Kinetic Center Build. The closest Catalog text effects reveal or replace words, but do not recenter the growing phrase.

Proposed solution

Add Kinetic Center Build as a native HyperFrames component. Keep the original two-second motion, rebuild it as seek-safe HTML and GSAP, and expose the text, font size, entry offset, color, and weight as Catalog variables.

Interactive preview: https://hyperframes.dev/p/456c3191-c11c-4c1e-85fe-f6089dc03238?claim_token=BOi35KESWEc8NdIkB8-pG-kPR8m2Z-H0

Alternatives considered

The existing staggered text components can reveal a phrase, but they do not move earlier words as each new word lands. That reflow is the useful part of this effect.

Additional context

The component should retain the original attribution and license notice.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions