HomeAboutRelease Notes

Refactoring a Cursor Effect Project with Canvas in React

August 10, 2020

While browsing the internet, I happened to see the cursor effect project created by 何问起 hovertree.com, which is an amazing effect built by native JavaScript and canvas API. So I wonder if I could integrate it into React and use this effect as component directly imported to other React projects. Then I built this mini library and published it to NPM.

Here is the GitHub link: https://github.com/ZhiyueYi/react-dancing-lines

Here is the demo link: https://yizhiyue.me/react-dancing-lines/

Here is the npm package: https://www.npmjs.com/package/react-dancing-lines

It was an interesting attempt to learn how to use native canvas API in React. I hope you can enjoy the mini library :D

Written by Yi Zhiyue
A Software Engineer · 山不在高,有仙则灵
LinkedIn · GitHub · Email