Overview
Strings Of Life is a custom Framer component that transforms video into a live visual data system. It uses OpenCV and Shi Tomasi corner detection to find visual points inside a video, then draws dynamic connections between them using Delaunay triangulation.
The result is a constantly shifting overlay of points, labels, strings and directional motion, reacting to the structure and movement inside your video. You can keep it minimal with simple connected lines, make it more analytical with point labels and coordinates, or switch into Flowing Arrows mode for a more directional, signal-like effect.
It is built for Framer with editable controls for max points, corner quality, point distance, stroke styling, point size, label typography, video opacity, custom video upload and arrow behaviour. Perfect for experimental landing pages, AI interfaces, product launches, music visuals, data-led storytelling, editorial hero sections, interface experiments and anything that needs to look like the machine is quietly seeing more than you are.
A visual system for turning motion into structure, edges into signals, and ordinary video into something that looks suspiciously intelligent.
Features
Shi Tomasi edge detection turns video detail into live tracking points
OpenCV-powered analysis gives the component a real computer vision backbone
Dynamic Delaunay connections create responsive string-like line networks
Flowing Arrows mode adds directional motion across detected video edges
Upload your own video to create custom reactive visual systems
Adjustable max points for lighter or denser data overlays
Corner quality control helps fine tune how much visual detail is detected
Minimum distance control keeps points clean, spaced and readable
Toggle points, lines and labels to create different visual styles
Custom stroke colour and width for matching your project aesthetic
Editable point size for subtle markers or stronger technical overlays
Label controls display generated IDs and coordinates for a data-interface feel
Adjustable video opacity lets the analysis layer dominate or sit quietly on top
Arrow size, speed and spacing controls fine tune the Flowing Arrows mode
Responsive canvas rendering keeps the overlay fitted to the component
Built for Framer with simple property controls and no manual setup
Ideal for AI, data, music, editorial, product and experimental websites
Turns ordinary footage into a cinematic machine-vision visual
Adds movement and technical depth without needing a custom VFX pipeline
Makes your page feel like it is thinking, which is worrying but useful
What you get
Framer
Remix
Component
Refund Policy
As all products are delivered digitally, purchases are final and non-refundable. Please take a moment to review the details before ordering. If you need any clarification, I'm always happy to help beforehand.
License Terms
Standard License
Can only be used in private and client projects. It cannot be used in Framer templates.
Extended License
Can be used in all types of projects, including Framer templates.
More Items
