A simple, lighweight package that makes sure your animations do not run when the user motion preference is disabled.
Detects user’s preferences for reduced motion using the 'prefers-reduce-motion' CSS3 level 5 media query.
- [Getting set up](#getting-set-up) - [Install](#install) - [Import the CSS](#import-the-css) - [Usage](#usage) - [Props](#props) - [Styling](#styling) - [Reduced motion](#reduced-motion)
React video & media embeds — YouTube, Vimeo, Loom, Wistia, HTML5, GIF, Lottie with captions and reduced-motion fallbacks.
A library for working with reduced motion and Svelte transitions. Read more about [why reduced motion is important](https://ghostdev.xyz/posts/working-with-reduced-motion-in-svelte/). Please [create an issue](https://github.com/ghostdevv/svelte-reduced-mo
CSS animation library for Tailwind CSS v3/v4, React, and shadcn/ui. Zero runtime by default, reduced-motion safe.
Inertia scroll and parallax (luxy-style) with fixes for modern browsers, React/Next, and prefers-reduced-motion.
Get a user's motion preference using CSS @media prefers-reduced-motion
Reduced motion support for vue-gsap-flip animations
performant confetti animation in the browser
React hook for subscribing to user's motion preference.
Specialized performance utilities for animations, reduced motion, and optimization controls
Deterministic confetti engine with OKLCH colors, 5 shapes, reduced-motion support, and timeline composability.
A micro ES6 module (~0.5KB) for detecting prefers-reduced-motion and watching for changes.
A reusable React accessibility toolbar with text-to-speech, voice navigation, font scaling, high contrast, reduced motion, and color vision deficiency simulation.
a11y helper library to detect prefers-reduced-motion setting for user
Animation presets and reduced-motion support for VisKit
Detect & listen to preferences for prefers-color-scheme, prefers-reduced-motion, and prefers-contrast.
Detect system (or manually set) preferences for color scheme and reduced motion.
A Tailwind CSS plugin for creating beautiful animations.
A lightweight Svelte component that adds beautiful CSS animations to any element using Animate.css library. Features include click/hover triggers, customizable duration, reduced motion support, and accessibility features. Perfect for creating engaging use
A simple and powerful JavaScript animation library
Accessibility module for reduced motion by noicss. In modern vanilla CSS.
An animation library for JavaScript and React.
A binder-first Motion-inspired animation framework for Leptos
Primitive reduced-motion preference helpers
Serializable custom theme configuration for no-reload Dioxus theme switching.
Serializable native View Transition API configuration for Dioxus and SSR websites.
Serializable audit models for moving Dioxus RSX apps toward Dioxus Native.
Extract Curves a simplistic GTK Ruby-based appliaction which can convert the raster image file result of a geometric-trace-producing process's interaction with the characteristic of motion of another (interesting) process into a list of rectangular coordinates (in raster image's system) representing the inferred characteristic of motion of the midline of an image blob. Blob recognition is done by color: * by maximum pixel neighbor-to-neighbor difference * by maximum difference from blob's average color * by maximum difference from a pixel neighborhood's average color (using RGB or HSV). Use other software to pre-process (e.g. enhance contrast, or even reduce to gray scale), but Extract Curves's skeletonization is done based on the hypothesis of a recognized image blob, as opposed to a collection of pixels. Output is human-readable (tab-separated).
Extract Curves a simplistic GTK Ruby-based appliaction which can convert the raster image file result of a geometric-trace-producing process's interaction with the characteristic of motion of another (interesting) process into a list of rectangular coordinates (in raster image's system) representing the inferred characteristic of motion of an image blob. Blob recognition is done by color: * by maximum pixel neighbor-to-neighbor difference * by maximum difference from blob's average color * by maximum difference from a pixel neighborhood's average color (using RGB or HSV). Use other software to pre-process (e.g. enhance contrast, or even reduce to gray scale), but Extract Curves's skeletonization is done based on the hypothesis of a recognized image blob, as opposed to a collection of pixels. Output is human-readable (tab-separated).