Smooth Cursor

A custom cursor wrapper with MotionValue pointer tracking, spring-lagged label, press feedback, and local or viewport scope.

Timeline

Assets

Launch

Customize

Trigger

Color

Size28px

Tilt12deg

Press scale0.92

Show label

Usage

import { SmoothCursor } from "@/components/lazy-ui/smooth-cursor";

export function Demo() {
  return (
    <SmoothCursor label="Design" color="#f97316">
      <div className="rounded-2xl border p-8">
        <button className="rounded-full bg-white px-4 py-2 text-black">
          Hover surface
        </button>
      </div>
    </SmoothCursor>
  );
}