CSS Animation

Open-source CSS projects categorized as Animation

Top 16 CSS Animation Projects

  • animate.css

    🍿 A cross-browser library of CSS animations. As easy to use as an easy thing.

  • Project mention: Add basic animations to your site using Animate.css and wow.js | dev.to | 2024-04-16

    Animate.css

  • css-animation-101

    Learn how to bring animation to your web projects

  • Project mention: 21 Resources to Learn And Practice Your CSS Skills | dev.to | 2023-12-26

    CSS Animation Rocks offers tutorials and examples for learning CSS animations. You can improve your websites’ looks with smooth and engaging animations using this valuable resource.

  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

    InfluxDB logo
  • vivify

    Vivify is free CSS animation library.

  • vue-animate

    A port of Animate.css for use with transitions in Vue.js 2.0 / 3.0 and Alpine.js.

  • wallop

    :no_entry: currently unmaintained :no_entry: A minimal JS library for showing & hiding things

  • rodal

    A React modal with animations.

  • tuesday

    A quirky CSS Animation Library by Shakr

  • SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub logo
  • slick-fox

    :fox_face: A firefox config that has rounded tabs and a url bar that can disappear when not selected on. It works with any theme.

  • Hacktoberfest-animations

    Small animation selector for Hacktoberfest

  • motion-css

    The library of CSS3 animation

  • simple-paper-spinner

    Simple <paper-spinner>

  • tatooine

    Tatooine is a re-creation of the Binary Sunset scene from Star Wars, created with HTML, CSS and SVG.

  • ripple-animation

    A handy ripple effect for buttons that I can refer back to.

  • twitch-wall-e-eve

    Twitch: Wall-e & Eve with Pure CSS

  • View-Transitions-API-Day10-Of-100DaysOfCode

    View Transitions API SPA built with VanillaJS, CSS, HTML

  • 3d-box-css

    📦Pure CSS 3D Card box animation - it is customizable with CSS variables

  • SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub logo
NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020).

CSS Animation related posts

  • Add basic animations to your site using Animate.css and wow.js

    1 project | dev.to | 16 Apr 2024
  • Using the View Transitions API with Astro

    3 projects | dev.to | 26 Oct 2023
  • Animate.css – A cross-browser library of CSS animations

    1 project | news.ycombinator.com | 24 Jul 2023
  • Framer Motion tutorial: How to easily create React animations

    2 projects | dev.to | 13 Jul 2023
  • What is a good tool to make an effect like this one?

    1 project | /r/Wordpress | 12 Jul 2023
  • View Transitions API in use, how do you feel about it ?

    1 project | /r/webdev | 22 Apr 2023
  • Optimizing CSS Transition Animations with Animate CSS Grid

    2 projects | dev.to | 21 Apr 2023
  • A note from our sponsor - SaaSHub
    www.saashub.com | 10 May 2024
    SaaSHub helps you find the best software and product alternatives Learn more →

Index

What are some of the best open-source Animation projects in CSS? This list will help you:

Project Stars
1 animate.css 79,832
2 css-animation-101 4,932
3 vivify 1,687
4 vue-animate 1,355
5 wallop 1,103
6 rodal 910
7 tuesday 460
8 slick-fox 361
9 Hacktoberfest-animations 151
10 motion-css 90
11 simple-paper-spinner 43
12 tatooine 13
13 ripple-animation 3
14 twitch-wall-e-eve 2
15 View-Transitions-API-Day10-Of-100DaysOfCode 1
16 3d-box-css 1

Sponsored
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com