In previous versions of the component, integration with Next's SSR environment required using a Dynamic Import. On build, lib populates dist with commonjs, es, umd versions of the component.Įxample Usage - with options import React from 'react' Įxample Usage - with simple options and custom config for one class import React from 'react' The demo is bundled with Parcel.js and served up at Dist
Import AnimatedCursor from 'react-animated-cursor' Npm i react-animated-cursor Add to you projectĪdd to a global location, like _app.js import React from 'react' Style props for in the inner and outer cursor allow you to easily create unique cursor types. Options exist for modifying the color and scaling of the cursor elements (see props/options below). An inversely scaling effect between the inner and outer cursor parts on click or link hover.A slight trailing animation of the outer outline.An outer, outlining circle ( cursorOuter), with slight opacity based on the dot/primary color.📌 Features The custom cursor is comprised of
Available options and props allow you to easily craft a unique cursor experience. A React component that replaces the native cursor with a custom animated jawn.
