component
Cursor Wave Line
By Karim Saif

Details
- Karim SaifAuthor
- componentType
- 2026-08-14Published
- 2026-08-14Updated
- 2026-08-14Added
- CursorsCategories
Summary
Upgrade standard UI dividers
Description
Interactive Wave Path — Kinetic Physics Line for Framer Upgrade standard UI dividers into tactile, interactive string elements. Interactive Wave Path transforms static lines into elastic physics paths that respond dynamically to cursor contact, bending at the point of interaction and oscillating back into place with real-time dampening. Built with lightweight inline SVG manipulation and direct Ref-based animation loops, it delivers zero-lag 60+ FPS interactive string physics without heavy external dependencies. Best Use Cases Section Dividers: Add interactive polish between landing page content blocks or feature cards. Header & Navigation Borders: Elevate minimal top bars and navigation stacks with subtle interactive feedback. Footer Accents: Place above global footers to give visitors an engaging micro-interaction before leaving the page. Creative Showcases & Portfolios: Enhance agency grids and creative titles with tactile, high-end motion design details. Need Help? For support, feedback, or feature requests: X / Twitter : @karimsaif0 Email : hello@karimsaif.com
Introduction
Upgrade standard UI dividers
Rank history
Daily rank per list, from the first snapshot — lower is better.
- All · #1858