awesome-repositories.com
Blog
MCP
awesome-repositories.com

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 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·32 viewsanimate.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.

Star history

Star history chart for daneden/animate.cssStar history chart for daneden/animate.css

How this analysis was created: This summary and feature list are AI-generated from collected project material and can contain mistakes. Stars, license and language are imported from GitHub. Inclusion does not mean that we have tested or audited this project. Check the source documentation for any feature you depend on. Learn more on our About page.

AI search

Explore more awesome repositories

Describe what you need in plain English — the AI ranks thousands of curated open-source projects by relevance.

Start searching with AI

Projects sharing features with Animate.css

These projects share indexed features with Animate.css. Shared tags can include platform or build tooling; verify the primary use case before treating a result as a replacement.
  • h5bp/effeckt.cssh5bp avatar

    h5bp/Effeckt.css

    10,817View on 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
    View on GitHub↗10,817
  • tictail/bounce.jstictail avatar

    tictail/bounce.js

    6,165View on 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
    View on GitHub↗6,165
  • formkit/auto-animateformkit avatar

    formkit/auto-animate

    13,847View on 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
    View on GitHub↗13,847
  • elrumordelaluz/csshakeelrumordelaluz avatar

    elrumordelaluz/csshake

    4,881View on 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
    View on GitHub↗4,881
Compare all 30 related projects→

Frequently asked questions

What does daneden/animate.css do?

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.

What are the main features of daneden/animate.css?

The main features of daneden/animate.css are: CSS Animation Classes, Keyframe Animations, Accessibility Motion Controls, Front-End Visual Effects, Motion Preference Handlers, UI Motion Frameworks, Browser Style Normalizers, Utility-First Styling.

Which projects share features with daneden/animate.css?

Projects with overlapping indexed features include: 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…