On top of all of these settings, you can find CSS Filters in the frontend Canvas UI to further customize your Neon Cursor Effect.
The Neon Cursor Effect creates a glowing filament that actively chases the cursor, leaving a bright, animated streak that feels like drawing with light in mid-air. It’s not just visual candy, it’s reactive motion design. Use it when you want to create an intelligent-feeling UI accent, cursor-tracking effects, or spatial illustrations that breathe even when untouched.
The following settings can be found in the Effects section of the Outliner Panel:
shaderPoints – sets how many GPU samples create the neon core; higher values smooth the curve.
curvePoints – defines how many control points the path can use, controlling overall fidelity.
curveLerp – blends between successive cursor positions; low values keep the line snappy, higher values smooth it.
innerRadius – distance from the path center where the neon’s brightest core begins.
outerRadius – how far the glow halo expands beyond the core, determining softness.
velocity – governs how quickly the trail responds and travels as it chases the cursor.
sleepRadiusX – defines the horizontal radius the spline drifts around when not tracking the user: acts as its “idle orbit.”
sleepRadiusY – the same, but vertically; creates elliptical or spherical resting motion.
sleepTimeCoeffX – controls the speed or frequency of movement across the sleepRadiusX zone.
sleepTimeCoeffY – governs the same for the sleepRadiusY zone. Together, these set the “bobbing” or “floating” pace of the dormant state.
On top of all of these settings, you can find CSS Filters in the frontend Canvas UI to further customize your Neon Cursor Effect.