Animate.css is a library of pre-defined, cross-browser CSS keyframe animations that can be applied to elements through declarative class toggling. It functions as a comprehensive motion framework, providing a standardized set of effects that ensure consistent visual transitions without requiring custom keyframe definitions. The library is built with a focus on accessibility, automatically respecting system-level reduced motion preferences to ensure that animations are…
الميزات الرئيسية لـ animate-css/animate.css هي: CSS Animation Classes, Motion Libraries, Animation Lifecycle Hooks, Component-Based Animation Orchestrators, Utility-First Motion Frameworks, Awesome List, Motion Accessibility Utilities, CSS Animation Utilities.
تشمل البدائل مفتوحة المصدر لـ animate-css/animate.css: minimac/magic — Magic is a CSS animation library and visual effects framework providing a collection of predefined motion styles for… rombohq/tailwindcss-motion — This project is a Tailwind CSS animation library and accessibility-aware motion framework. It provides a collection of… elrumordelaluz/csshake — csshake is a CSS animation library and framework designed to create shaking, vibrating, and oscillating movement… matthieua/wow — WOW is a JavaScript library and frontend animation controller that triggers CSS animations when elements enter the… nitin42/animate-components — Animate Components is a motion framework that provides a collection of declarative primitives for managing visual… bolasblack/http-api-guide.
Magic is a CSS animation library and visual effects framework providing a collection of predefined motion styles for moving, rotating, and transforming web elements. It serves as a build-time CSS optimizer that compiles only the specific animation styles used in a project to minimize the final stylesheet size. The framework enables interactive user interface development by allowing animations to be triggered programmatically through scripts, hover events, or timing delays. It utilizes a system of timing and motion classes to manage the duration and speed of visual transitions. The project co
This project is a Tailwind CSS animation library and accessibility-aware motion framework. It provides a collection of utility classes for adding high-performance keyframe animations and motion effects to web projects, while automatically respecting user-defined reduced motion preferences. The system includes a browser-based animation designer for creating and exporting custom presets as CSS styles or utility classes. It also functions as a scroll-triggered animation framework, enabling entrance and exit transitions that execute as elements enter the viewport, including support for staggered
csshake is a CSS animation library and framework designed to create shaking, vibrating, and oscillating movement effects on DOM elements. It functions as a UI feedback component that uses visual motion patterns to signal errors or draw user attention through irregular element movement. The library provides multi-axis shake effects, including horizontal, vertical, and rotational motion patterns. These are implemented through class-based triggering mechanisms that allow for the delivery of error-signaling patterns and other attention-grabbing effects. The system covers a range of animation con
WOW is a JavaScript library and frontend animation controller that triggers CSS animations when elements enter the browser viewport during scrolling. It functions as a viewport trigger engine, managing the timing and execution of visual transitions for both static and dynamic page content. The library integrates scroll events with CSS animations and effects from libraries such as Animate.css. It utilizes intersection observers to monitor viewport entry and mutation observers to track and apply animation triggers to new elements added to the DOM after the initial setup.