{
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
"name": "blend-cursor",
"type": "registry:block",
"title": "Blend Cursor",
"description": "A difference-blend cursor on a real spring that stretches along its own velocity, swells into a disc that inverts links and buttons while leaning toward their centre, and turns into a line-height caret over text. Fine pointers only: touch keeps the native cursor, and the loop sleeps once it settles.",
"docs": "Blend Cursor was added to public/vividsites/blend-cursor.html. Paste its markup, \n\n
\n\n\n"
}
],
"meta": {
"category": "ui",
"group": "Loaders, cursors & feedback",
"tags": [
"cursor",
"mix-blend-mode",
"difference",
"spring",
"magnetic",
"hover",
"custom cursor",
"mouse follower"
],
"tech": [
"CSS",
"JS"
],
"deps": [
"https://api.fontshare.com/v2/css?f[]=general-sans@500,600&display=swap"
],
"source": null,
"free": true,
"accent": "#f3f2ef",
"added": "2026-09-30",
"demo": "https://vividsites.app/api/component/blend-cursor/index.html",
"thumbnail": "https://vividsites.app/api/component/blend-cursor/thumb.jpg",
"video": "https://vividsites.app/api/component/blend-cursor/thumb.mp4",
"page": "https://vividsites.app/c/blend-cursor"
}
}