fancy-cursor
Advanced tools
typescript and lastest version of three.
npm i fancy-cursor
# or
yarn add fancy-cursor
# or
pnpm add fancy-cursor
import FancyCursor from 'fancy-cursor';
addEventListener('load', () => {
console.log(
new FancyCursor({
opacityDecrement: 0.85,
sparklesCount: 128,
})
);
});
<head></head> tag, after the styles and replace <version> with an actual version (like 0.1.7)<script type="importmap">
{
"imports": {
"fancy-cursor": "https://cdn.jsdelivr.net/npm/fancy-cursor@<version>/bundle/esm/index.js"
}
}
</script>
<script type="module">
import FancyCursor from 'fancy-cursor';
addEventListener('load', () => {
console.log(
new FancyCursor({
opacityDecrement: 0.85,
sparklesCount: 128,
})
);
});
</script>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Fancy Cursor</title>
<script type="importmap">
{
"imports": {
"fancy-cursor": "https://cdn.jsdelivr.net/npm/fancy-cursor@0.1.6/bundle/esm/index.js"
}
}
</script>
</head>
<body>
<script type="module">
import FancyCursor from 'fancy-cursor';
addEventListener('load', () => {
console.log(
new FancyCursor({
opacityDecrement: 0.85,
sparklesCount: 128,
})
);
});
</script>
</body>
</html>
Follow these steps to set up the project locally on your machine.
Prerequisites
Make sure you have the following installed or downloaded on your machine:
Cloning the Repository
git clone https://github.com/yuran1811/fancy-cursor.git
cd fancy-cursor
Installation
pnpm to build and run the projectcorepack enable pnpm
Install the project dependencies:
pnpm install
Running the Project
pnpm dev
Open http://localhost:5173 in your browser to view the project.
FAQs
fancy-cursor
We found that fancy-cursor demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Multiple high-impact npm maintainers confirm they have been targeted in the same social engineering campaign that compromised Axios.
Security News
Axios compromise traced to social engineering, showing how attacks on maintainers can bypass controls and expose the broader software supply chain.
Security News
Node.js has paused its bug bounty program after funding ended, removing payouts for vulnerability reports but keeping its security process unchanged.