InfluxDB 3 OSS is now GA. Transform, enrich, and act on time series data directly in the database. Automate critical tasks and eliminate the need to move data externally. Download now. Learn more →
Top 14 CSS css-animation Projects
-
With recent updates to the Angular framework, it is now recommended to move away from the @angular/animations package in favor of simpler alternatives using CSS or JavaScript. Many common animations can be accomplished with a pure CSS solution, however, JavaScript may be necessary for more complex animations. Additionally, third-party libraries, such as the CSS-based Animate.css or the JavaScript-based Anime.js, GSAP, and Popmotion, can be utilized for more advanced use cases.
-
Sevalla
Deploy and host your apps and databases, now with $50 credit! Sevalla is the PaaS you have been looking for! Advanced deployment pipelines, usage-based pricing, preview apps, templates, human support by developers, and much more!
-
-
-
-
cssanimation
Unleash dynamic web experiences with {css}animation. A lightweight, zero-JavaScript CSS animation library for developers and UI ninjas. Get pre-built effects, total control, and fast, modern motion design.
-
Trig.js
Trig.js powers dynamic, CSS-driven animate-on-scroll effects using CSS variables and element position data, making AOS effortless. Create custom animations in CSS or use trig-animations.css for ready-made effects—full control or quick setup. Perfect for storytelling websites.
Project mention: 🚀 Enhancing Scroll Animations with Trig.js: New Features in v4.1.0 and v4.2.0 | dev.to | 2025-03-31Trig.js is open-source and welcomes contributions from the community. Explore the GitHub repository to access documentation, report issues, and contribute to the project's growth.
-
-
InfluxDB
InfluxDB – Built for High-Performance Time Series Workloads. InfluxDB 3 OSS is now GA. Transform, enrich, and act on time series data directly in the database. Automate critical tasks and eliminate the need to move data externally. Download now.
-
CSS-Image-Loader
Add a image loader & image load error (without adding an HTML element or using JS).
-
-
braille-text
Simple Javascript and CSS to display Braille (English grade 1) on web pages with hover effect for translation.
-
-
winter-solstice
This project was created as part of the Frontend Challenge - December Edition: Glam Up My Markup: Winter Solstice, hosted by the developer community. (by Maysker)
Project mention: Frontend Challenge - December Edition, Glam Up My Markup: Winter Solstice | dev.to | 2024-12-24Live: here. GitHub: here.
-
-
Emotional-Landscape-of-December
Emotional CSS art that captures the essence of December through abstract representations.
Project mention: Painting Feelings with Code: A Dive into December's Spirit with CSS Art | dev.to | 2024-12-17You can access the source code here.
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
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 css-animations discussion
CSS css-animations related posts
-
Transform Your Web Experience: Premier CSS Animation Libraries for 2025
-
Animate.css: Seamless CSS Animations Across All Browsers
-
Add basic animations to your site using Animate.css and wow.js
-
Using the View Transitions API with Astro
-
Mimic.css – CSS Animation Library
-
Animate.css – A cross-browser library of CSS animations
-
Framer Motion tutorial: How to easily create React animations
-
A note from our sponsor - InfluxDB
www.influxdata.com | 1 Sep 2025
Index
What are some of the best open-source css-animation projects in CSS? This list will help you:
| # | Project | Stars |
|---|---|---|
| 1 | animate.css | 81,981 |
| 2 | You-need-to-know-css | 5,423 |
| 3 | vivify | 1,679 |
| 4 | tuesday | 459 |
| 5 | cssanimation | 296 |
| 6 | Trig.js | 145 |
| 7 | thegoodman | 131 |
| 8 | CSS-Image-Loader | 23 |
| 9 | Bonfire | 6 |
| 10 | braille-text | 2 |
| 11 | FM1-ProfileCardComponent | 1 |
| 12 | winter-solstice | 1 |
| 13 | spinwheel | 0 |
| 14 | Emotional-Landscape-of-December | 0 |
Sponsored
Deploy and host your apps and databases, now with $50 credit!
Sevalla is the PaaS you have been looking for! Advanced deployment pipelines, usage-based pricing, preview apps, templates, human support by developers, and much more!
sevalla.com