Learn more about Mintlify
Enter your email to receive updates about new features and product releases.
A customizable, physics-based smooth cursor animation component for Vue applications.
<template>
<SmoothCursor
:cursor="CustomCursor"
:springConfig="{
damping: 20,
stiffness: 300,
mass: 0.5,
restDelta: 0.001
}"
/>
</template>
<script setup lang="ts">
import SmoothCursor from "@/components/inspira/ui/cursors/SmoothCursor.vue";
import CustomCursor from "./CustomCursor.vue";
</script>
| Prop Name | Type | Default | Description |
|---|---|---|---|
cursor | Component | DefaultCursor | Custom cursor component to replace the default cursor |
springConfig | SpringConfig | See below | Configuration object for the spring animation behavior. |
interface springConfig {
damping: number;
stiffness: number;
mass: number;
restDelta: number;
}