CSS Animate Alternatives

    As free web based software, CSS Animate allows its users to animate cascading style sheets without needing to code a thing. Many free and open source alternatives to CSS Animate help you create animations for css, with some of them allowing you to create 2D animated graphics for multiple document types and formats.

    This page was last updated Nov 4, 2020

      • FreeOpen Source
      • Self-Hosted
      Animate.css is a bunch of cool, fun, and cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and general just-add-water-awesomeness.
    1. A small class-based animation library consisting of small but useful animations.


      • FreeOpen Source
      • Self-Hosted
      • JavaScript
      • GitHub
      Popmotion is a lightweight 12kb JavaScript motion engine that makes creating engaging user interactions quick and simple.
      No screenshots yet
    2. Create great looking CSS animations right in your browser.
      show more
      • Mac
      • Windows
      • Linux
      • Online
      • Chrome OS
      Marionette Studio is an online animation software for beginners and professionals. Animate 2D characters and environments in minutes with no prior skills.
      show more


      • FreeOpen Source
      • Self-Hosted
      A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on. Easily apply to your own elements, modify or just use for inspiration. Available in CSS, Sass, and LESS.
      No screenshots yet
      • FreeOpen Source
      • Online
      • Google Chrome
      • Safari
      • Opera
      • Firefox
      CSS3 Animations with special effects.
      • FreeOpen Source
      • Self-Hosted
      • JavaScript
      • GitHub
      Anime.js is a JavaScript animation engine. Features - Specific animation parameters - Specific target values - Multiple timing values - Playback controls - Motion path
      • FreeOpen Source
      • Self-Hosted
      DynCSS parses your CSS for -dyn-(attribute) rules. These rules are Javascript expressions evaluated on browser's events like scroll and resize. The result is applied to the CSS attribute you have specified as suffix.
      No screenshots yet
      • FreeOpen Source
      • Self-Hosted
      • JavaScript
      • GitHub
      Velocity is an animation engine with the same API as jQuery's $.animate().
      No screenshots yet
    Showing 10 of 13 alternatives