awesome-repositories.com
Blog
awesome-repositories.com

Découvrez les meilleurs dépôts open-source grâce à notre recherche par IA.

ExplorerRecherches sélectionnéesAlternatives open sourceLogiciels auto-hébergésBlogPlan du site
ProjetÀ proposNotre méthodologiePresseServeur MCP
Mentions légalesConfidentialitéConditions d'utilisation
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·
daneden avatar

daneden/animate.css

0
View on GitHub↗
82,613 stars·15,980 forks·CSS·8 vuesanimate.style↗

Animate.css

Animate.css is a CSS animation library and browser-based motion framework. It provides a collection of pre-made animations and motion effects used to add visual movement to web elements across different browsers.

The library is designed as an accessibility-aware system that automatically disables animations when the operating system has a reduce motion setting enabled. This ensures that web motion respects user preferences for accessibility.

The framework covers front-end visual effects and cross-browser UI styling. It utilizes a utility-first architecture with predefined style classes to manage web element animation.

Features

  • CSS Animation Classes - Provides a comprehensive collection of pre-built motion effects applied to elements via CSS class names.
  • Keyframe Animations - Implements a wide array of motion sequences using percentage-based CSS keyframes for browser interpolation.
  • Accessibility Motion Controls - Ensures accessibility compliance by disabling animations when the operating system's reduce motion setting is active.
  • Front-End Visual Effects - Provides a set of dynamic transitions and highlights to create engaging user interface effects.
  • Motion Preference Handlers - Automatically detects and responds to system-level reduced motion preferences to improve accessibility.
  • UI Motion Frameworks - Functions as a declarative framework for applying consistent motion to DOM elements via style classes.
  • Browser Style Normalizers - Ensures consistent visual effects and animation behavior across diverse web browsers and operating systems.
  • Utility-First Styling - Uses a utility-first approach with single-purpose classes to control animation timing and duration.
  • Animation and Motion - Cross-browser CSS animation collection.
  • Animations and Motion - Offers a cross-browser library of CSS animations.
  • CSS Animation Libraries - Cross-browser library of pre-made CSS animations.
  • 动画(Animate) - Listed in the “动画(Animate)” section of the Awesome Frontend awesome list.

Historique des stars

Graphique de l'historique des stars pour daneden/animate.cssGraphique de l'historique des stars pour daneden/animate.css

Recherche par IA

Explorez plus de dépôts awesome

Décrivez vos besoins en langage naturel — l'IA classe des milliers de projets open source sélectionnés par pertinence.

Start searching with AI

Alternatives open source à Animate.css

Projets open source similaires, classés selon le nombre de fonctionnalités partagées avec Animate.css.
  • h5bp/effeckt.cssAvatar de h5bp

    h5bp/Effeckt.css

    10,817Voir sur GitHub↗

    Effeckt.css is a hardware-accelerated CSS animation library and UI transition framework. It provides a collection of styles designed to create smooth element entrances, exits, and attention-grabbing visual effects while preventing visual stuttering during interface transitions. The library focuses on high-performance animations using GPU-accelerated properties to ensure fluid movement. It enables the simulation of application navigation by sliding page views in and out of the viewport from specified directions. The framework covers a suite of visual capabilities, including directional entran

    CSS
    Voir sur GitHub↗10,817
  • tictail/bounce.jsAvatar de tictail

    tictail/bounce.js

    6,165Voir sur GitHub↗

    bounce.js is a JavaScript library and programmatic wrapper for generating and applying CSS3 keyframe animations and 3D transformations. It provides a tool for creating complex animation sequences without the need to write manual stylesheet rules. The library allows for the creation of animations by chaining scale, rotation, translation, and skew transformations. These generated sequences can be saved under unique names for reuse across multiple elements. The system manages the animation lifecycle through callback functions that trigger when a visual sequence completes. It also includes a com

    CSS
    Voir sur GitHub↗6,165
  • formkit/auto-animateAvatar de formkit

    formkit/auto-animate

    13,847Voir sur GitHub↗

    Auto-animate is a framework-agnostic JavaScript animation library used to automatically animate the entry, exit, and movement of elements within a document. It functions as a transition tool that adds smooth motion to web application elements to prevent abrupt layout jumps during content changes. The utility is designed to be reduced motion compliant, automatically detecting and respecting system-level accessibility settings to disable animations for users with motion sensitivities. It also features a plugin system that allows the replacement of default fade and scale transitions with custom

    TypeScriptanimationjavascriptreact
    Voir sur GitHub↗13,847
  • elrumordelaluz/csshakeAvatar de elrumordelaluz

    elrumordelaluz/csshake

    4,881Voir sur GitHub↗

    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

    SCSSanimationcsscsshake
    Voir sur GitHub↗4,881
Voir les 30 alternatives à Animate.css→

Questions fréquentes

Que fait daneden/animate.css ?

Animate.css is a CSS animation library and browser-based motion framework. It provides a collection of pre-made animations and motion effects used to add visual movement to web elements across different browsers.

Quelles sont les fonctionnalités principales de daneden/animate.css ?

Les fonctionnalités principales de daneden/animate.css sont : CSS Animation Classes, Keyframe Animations, Accessibility Motion Controls, Front-End Visual Effects, Motion Preference Handlers, UI Motion Frameworks, Browser Style Normalizers, Utility-First Styling.

Quelles sont les alternatives open-source à daneden/animate.css ?

Les alternatives open-source à daneden/animate.css incluent : h5bp/effeckt.css — Effeckt.css is a hardware-accelerated CSS animation library and UI transition framework. It provides a collection of… tictail/bounce.js — bounce.js is a JavaScript library and programmatic wrapper for generating and applying CSS3 keyframe animations and 3D… formkit/auto-animate — Auto-animate is a framework-agnostic JavaScript animation library used to automatically animate the entry, exit, and… elrumordelaluz/csshake — csshake is a CSS animation library and framework designed to create shaking, vibrating, and oscillating movement… minimac/magic — Magic is a CSS animation library and visual effects framework providing a collection of predefined motion styles for… julianshapiro/velocity — Velocity is a JavaScript animation library used to create high-performance CSS and SVG animations. It functions as a…