use-prefers-reduced-motion
use-color
use-prefers-reduced-motion | use-color | |
---|---|---|
3 | 3 | |
20 | 274 | |
- | - | |
3.9 | 6.6 | |
10 months ago | over 2 years ago | |
TypeScript | TypeScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
use-prefers-reduced-motion
-
Iβve built a fully themeable and accessible numeric stepper component for React. [Details in the comments]
The user who experiences issues caused by motion can use the component by clicking on the increment/decrement buttons or the thumb. In this way, there is no excessive motion, though I believe the physics-based animation as a response to drag is not excessive at all. I was deep-diving into the motion-related accessibility issues when building https://github.com/anatoliygatt/use-prefers-reduced-motion.
-
Iβve built two React hooks that will help you in making your apps more accessible
A couple of notes for the usePrefersReducedMotion hook.
π Repository: GitHub π» Live Demo: CodeSandbox
use-color
-
useColor: The powerful color hook that all designers deserve - β¨ Parse and stringify that just works & π¦Ύ Strict type checking at compile time
Nice work, I like it! Made a PR to fix a small capitalization issue in the README https://github.com/junhoyeo/use-color/pull/1
- use-color: The powerful color hook that all designers deserve. β¨Parse and stringify that just works & π¦Ύ Strict type checking at compile time
What are some alternatives?
use-prefers-color-scheme - πͺ React hook for subscribing to user's color scheme preference.
react-hook - β© Strongly typed, concurrent mode-safe React hooks
react-as-prop - Type-safe `as` prop utility for flexible and semantic UI components of React
clean-state - π» A pure and compact state manager, using React-hooks native implementation, automatically connect the module organization architecture. π
use-app-state - π useAppState() hook. that global version of setState() built on Context.
exome - π State manager for deeply nested states
react-use-wizard - π§ A React wizard (stepper) builder without the hassle, powered by hooks.
react-spotify-firebase-boilerplate - React boilerplate with Spotify authentication (Authorization Code flow), Firebase, and React Hooks
remini - Easy to learn global state for React
homebase-react - The React state management library for write-heavy applications
useRedux - Hook to connect redux store to react components