Thanks to the Author of this Repo @Daniel Beauchamp for sharing this amazing String/Text Effect
His Github | https://github.com/pushmatrix
-
After you clone this repo you'll find all files after you import it to VSCODE, Cursor, Whatever IDE you prefer
-
you need to install python to run the effect so head to your terminal | In VScode it's <Up Button + Shift + '>
Then type
python3 -m http.server 8000
Add these 2 lines :
import { prepareWithSegments, layoutWithLines } from './pretext.js';
After the <script type="module"> Section
The page should now work. Open your browser and go to http://localhost:8000 to view the interactive text animation. The server is running in the background, so you can refresh the page to see the changes.