Magnetic Cursor
HTML to video · A camera move · Apache-2.0
- What it does
A soft dot pointer glides across an editor toolbar, is pulled into each button and morphs into its rounded hover plate while the icon leans toward it, presses one, and leaves as a dot.
- Get it
Copy it, or
npx hyperframes add magnetic-cursor, to compositions/components/magnetic-cursor.html and mount it as a sub-composition; it brings its own timeline. 4 settings to change.- Needs
Loads its libraries from the network when it renders (cdn.jsdelivr.net).
- Re-skin
By props (colors, type, text)
Declared variables: accent, tone, visits, press. Type come from theme custom properties with fallbacks (--font-body), so a :root block or one of the three themes re-skins it.
- License
Apache-2.0
- From