Most section dividers in Framer are static strokes. Hover might fade or shift them — but nothing reacts to where on the line you touched or how hard you pulled.
Kinetic Line runs a lightweight string simulation in real time. Move along a horizontal divider or vertical accent line and the stroke bends, propagates, and settles with spring physics — not a CSS wiggle.
Built for real layout slots:
→ hero separators
→ editorial section breaks
→ vertical accent lines
→ horizontal dividers between content blocks
Tuned from the panel without touching code:
→ Bend Amount + Pluck Intensity
→ Pointer Reach (wider hit area, same deformation cap)
→ Tension / Damping / Spread
→ horizontal or vertical orientation
Defaults are subtle — editorial out of the box. Single self-contained component, no helper imports.
Where would you drop a physics divider — hero, between sections, or as a vertical rail?
Most section dividers in Framer are static strokes. Hover might fade or shift them — but nothing reacts to where on the line you touched or how hard you pulled.
Kinetic Line runs a lightweight string simulation in real time. Move along a horizontal divider or vertical accent line and the stroke bends, propagates, and settles with spring physics — not a CSS wiggle.
Built for real layout slots:
→ hero separators
→ editorial section breaks
→ vertical accent lines
→ horizontal dividers between content blocks
Tuned from the panel without touching code:
→ Bend Amount + Pluck Intensity
→ Pointer Reach (wider hit area, same deformation cap)
→ Tension / Damping / Spread
→ horizontal or vertical orientation
Defaults are subtle — editorial out of the box. Single self-contained component, no helper imports.
Where would you drop a physics divider — hero, between sections, or as a vertical rail?
