{
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
"name": "ring-cursor",
"type": "registry:block",
"title": "Ring Cursor",
"description": "A dot-and-ring cursor whose ring morphs into the rounded rectangle of whatever it hovers, matching its radius, while the element leans toward the pointer on its own spring and the ring rubber-bands inside it. Press tightens it, Tab glides the same ring between focused controls, and touch keeps the native cursor.",
"docs": "Ring Cursor was added to public/vividsites/ring-cursor.html. Paste its markup, \n\n\n\n\n"
}
],
"meta": {
"category": "ui",
"group": "Loaders, cursors & feedback",
"tags": [
"cursor",
"magnetic",
"spring",
"hover",
"focus-visible",
"pointer",
"snap",
"morph"
],
"tech": [
"CSS",
"JS",
"SVG"
],
"deps": [
"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500&display=swap"
],
"source": null,
"free": true,
"accent": "#62e3ff",
"added": "2026-09-30",
"demo": "https://vividsites.app/api/component/ring-cursor/index.html",
"thumbnail": "https://vividsites.app/api/component/ring-cursor/thumb.jpg",
"video": "https://vividsites.app/api/component/ring-cursor/thumb.mp4",
"page": "https://vividsites.app/c/ring-cursor"
}
}