Several interactive cursor effects made with JavaScript and SVG.

Codrops stands at the forefront of innovation in web design, serving as a boundless source of inspiration and knowledge for designers and developers alike. Through a captivating array of tutorials, demos, and showcases, Codrops invites creatives to embark on a journey of exploration, pushing the boundaries of what's possible in web development. From  CSS techniques and JavaScript animations to immersive user interfaces and experiential storytelling, Codrops empowers designers and developers to unleash their creativity and craft unparalleled digital experiences that captivate and engage audiences.

Codrops

From online stores to member areas, Squarespace is everything you need to sell anything. From the custom cursor on my portfolio marvinx.com using blurred SVG circles, I created several variations which I would like to share with you today. The first video uses a grayscale filter: filterImageCursor().

Custom SVG Cursors with an Interactive Emitter Effect

<p>Really cool effects! Always wondered how these work</p>


<p>That causes very bad performance on my 4k screen.</p>
