prefers-reduced-motion

🪝 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.

A simple, lighweight package that makes sure your animations do not run when users disable animations on their device.

A modern light and dark theme for FreshRSS inspired by contemporary shadcn/ui interfaces.

🙅 Check if a user prefers reduced motion using CSS

SSR-safe, dependency-free motion primitives for React: reveal, parallax, scroll scenes and page transitions with prefers-reduced-motion honoured and no layout shift by construction.

Find out how to create inclusive, progressively enhanced, autoplaying HTML5 videos as a replacement for animated GIFs and component backgrounds.

Scroll-driven image reveals with animated captions for shadcn/ui. Pure CSS, zero JavaScript, accessible.

A zero-config linter for web animation code — catches the memory leaks, accessibility violations, layout thrashing, and performance bugs that tests miss, and shows the fix.

Production-ready personal developer portfolio built with a mobile-first engineering approach. Features native system dark mode, animation accessibility queries (A11y), persistent sticky navigation, and a centralized CSS variables design token infrastructure.

Tiny zero-dependency seasonal theming for the web. Date-aware banners and particles with a pluggable calendar. LATAM-first, framework-agnostic Web Components.

CSS and JavaScript page loader which displays a loading animation or message, depending on the user's preferences.

Accessible accordions, multiple, single and nested, built with the 'details' element. The CSS enhances the accordions with a smooth height transition only when it's safe and supported. It uses modern CSS features with progressive enhancement in mind.

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.

18 Mart 1915'te Boğaz'a giren bir gemiden ne görünürdü? Arazi, deniz, duman ve top atışı kodla üretiliyor. Tek dosya, indirilen varlık yok.

Record and save your daily spend and see the average over a number of days.

Native CSS scroll-driven animations and the View Transitions API — patterns, performance profiling, and accessible motion for frontend developers.

Edit, complete or delete to-do tasks. You can also reorder to-dos, if they get out of synch.

Accessibility auditor for scroll-driven and view-transition animations — 10 WCAG-mapped rules, as a Node CLI and a browser bookmarklet.

Verifies and compiles reduced-motion-safe, on-budget UI animation for AI-generated web apps: schema-validated specs to deterministic vanilla-GSAP + CSS, WCAG 2.2.2 / 2.3.3 checks. MIT core, keyless MCP server, free web check at motionspec.dev/motion-check. Not Motion.dev/Framer Motion, not the Android/iOS MotionSpec class, not a video generator.