🎉 Sora UI is now part of the shadcn/ui registry ecosystem.
Sora UI

Custom Cursor

A smooth custom cursor that morphs when hovering interactive targets.

Made by Axyl
Loading...

Installation

Usage

import {
  CustomCursor,
  CustomCursorTarget,
} from '@/components/sora-ui/effects/custom-cursor';

export default function Page() {
  return (
    <CustomCursor color="#ff4c24">
      <CustomCursorTarget>
        <YourLogo />
      </CustomCursorTarget>
    </CustomCursor>
  );
}

Props

PropTypeDefault
color?
string
"#ff4c24"
followStiffness?
number
150
followDamping?
number
22
followTransition?
SpringOptions
-
layout?
"default" | "demo"
"default"
className?
string
-

CustomCursorTarget

PropTypeDefault
size?
"sm" | "md" | "lg"
"md"
className?
string
-

Built by Axyl. The source code will be available on GitHub soon.

Last updated: 6/7/2026