{"repo":"LoStis-World/svelte-interactive-cursor","free":true,"listed":false,"github":"https://github.com/LoStis-World/svelte-interactive-cursor","clone":"git clone https://github.com/LoStis-World/svelte-interactive-cursor.git","description":"The InteractiveCursor is a Svelte 5 component that provides a customizable, interactive cursor effect. It dynamically changes its position and size based on user interactions within specified trigger areas.","language":"Svelte","stars":21,"topics":["custom-cursor","svelte","sveltekit","svelte5"],"license":"MIT","category":"saas-starters-boilerplates","readme_excerpt":"InteractiveCursor Component The InteractiveCursor is a Svelte 5 component that provides a customizable, interactive cursor effect. It dynamically changes its position and size based on user interactions within specified trigger areas. This component is ideal for enhancing user experiences with visually engaging cursor animations. Live Demo CHANGELOG --- Installation --- Features 1. Dynamic Resizing : The cursor adjusts its size and position dynamically when hovering over elements specified in the useDataElementRect property. 2. Scaling on Interaction : Scale transformations can be applied to the cursor when hovering over specified elements using scaleOnActive . 3. Animation Control : Smooth animations with customizable duration and easing using the Web Animations API. 4. Custom Icons : Allows custom rendering inside the cursor element using the children snippet. 5. State Exposure : Exposes activeDataValue and isActive as bindable props to track cursor state in the parent. 6. Responsive Design : Automatically disables the interactive cursor below a configurable breakpoint or when reduced motion is preferred. 7. Reduced Motion : Dynamically responds to OS-level reduced motion changes mid-session — no page reload required. 8. Hide Native Cursor : Optionally hides the OS cursor inside trigger areas via hideNativeCursor . 9. Performance : Animations are throttled to one per frame via requestAnimationFrame , layout reads are cached, and the module is loaded only once across all ins","default_branch":null,"files":null,"tree":[],"storefront":"/r/LoStis-World","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/LoStis-World/svelte-interactive-cursor/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}