🪝 React hook for subscribing to user's motion preference.
-
Updated
Jul 24, 2023 - TypeScript
🪝 React hook for subscribing to user's motion preference.
🎢 Detects user’s preferences for reduced motion using the 'prefers-reduce-motion' CSS3 level 5 media query.
🙅 Check if a user prefers reduced motion using CSS
A simple, lighweight package that makes sure your animations do not run when users disable animations on their device.
Find out how to create inclusive, progressively enhanced, autoplaying HTML5 videos as a replacement for animated GIFs and component backgrounds.
CSS and JavaScript page loader which displays a loading animation or message, depending on the user's preferences.
Edit, complete or delete to-do tasks. You can also reorder to-dos, if they get out of synch.
If your browser supports 'animation-timeline: scroll()' CSS, a horizontal line will appear at the top of the screen as you scroll, indicating how far you have travelled down the page.
Record and save your daily spend and see the average over a number of days.
Choose a language then create a dictionary. You can add, edit and delete entries.
An example of reduced motion and gifs.
Add a description, image, and links to the prefers-reduced-motion topic page so that developers can more easily learn about it.
To associate your repository with the prefers-reduced-motion topic, visit your repo's landing page and select "manage topics."