Top 23 css-animation Open-Source Projects

• animate.css

  82 79,790 3.5 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

• lightGallery

  3 6,228 8.5 TypeScript

  A customizable, modular, responsive, lightbox gallery plugin.

• InfluxDB

  www.influxdata.com featured

  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.

  

• lightgallery.js

  1 5,289 0.0 JavaScript

  Full featured JavaScript image & video gallery. No dependencies

• You-need-to-know-css

  1 5,122 1.8 CSS

  💄CSS tricks for web developers~

• textillate

  1 3,652 0.0 JavaScript

  A jquery plugin for CSS3 text animations.

• animxyz

  22 2,380 0.0 SCSS

  The first truly composable CSS animation library. Built for Vue, React, SCSS, and CSS, AnimXYZ will bring your website to life.

  

• vivify

  1 1,687 0.0 CSS

  Vivify is free CSS animation library.

• SaaSHub

  www.saashub.com featured

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

  

• react-awesome-reveal

  5 1,055 7.0 TypeScript

  React components to add reveal animations using the Intersection Observer API and CSS Animations.

Project mention: Top 7 Next.js Animation Libraries in 2023 | dev.to | 2023-08-09

• motus

  1 633 0.0 JavaScript

  Animation library that mimics CSS keyframes when scrolling.

• portfolio

  1 518 0.7 Vue

  Personal portfolio (2018) (by iuridepaula)

• collapsed

  1 504 5.5 TypeScript

  Headless UI for for creating flexible and accessible expand/collapse components in TS/JS. Includes adapter for React.

• all-animation

  0 489 0.0 SCSS

  All Animation.css is a set of nice and crazy css animations made with the purpose to bring life and interactions to your project. They are cross-browser animations which will give more emphases on your pages likes sliding controls and 3D efects...

  

• tuesday

  4 460 0.0 CSS

  A quirky CSS Animation Library by Shakr

  

• Izmir

  1 390 1.8 SCSS

  Izmir - An image hover mini CSS library

• mimic.css

  3 238 0.0 CSS

  Everyone else is doing it!

Project mention: Mimic.css – CSS Animation Library | news.ycombinator.com | 2023-10-10

• css-tips-tricks

  2 215 3.8

  Handmade collection of css tips tricks. Give it a star if you find it useful 🌟

Project mention: Free Open-Source Portfolio Template for Developers⚡🚀 | dev.to | 2023-06-13

Make sure to subscribe to our youtube channel channel where we cover creating templates like this from scratch using HTML, CSS and JavaScript and also don't forget to star 🌟 the css-tips-tricks repository that has already reached 150+ stars.

• Trig.js

  11 88 6.9 JavaScript

  The easy way to create CSS scroll animations that react to the position of your HTML element on screen. Animate on scroll (AOS) your CSS.

• learn-css-animation

  1 60 0.0 HTML

  Learn CSS animation with fun. It is simple, easy to use, and fun to learn.

• isometric-css

  1 46 8.7 TypeScript

  Isometric-CSS is a lightweight JavaScript library to build isometric projections through declarative HTML attributes.

• the-shoppies

  1 41 0.0 JavaScript

  Movie nomination website created as part of the application process for the Shopify Front-End Developer Internship.

• Lava-Lamp

  1 38 0.0 JavaScript

  A JavaScript animation plugin for menus. It creates a div that moves when you mouse over an element, giving it an elastic animation.

• CSS-Image-Loader

  7 19 0.7 CSS

  Add a image loader & image load error (without adding an HTML element or using JS).

  

• box-breathing

  2 14 2.8 HTML

  Box Breathing Technique: A visual animation to help with calmness, mindfulness, stress and anxiety

• SaaSHub

  www.saashub.com featured

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

  

css-animations 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

• Mimic.css – CSS Animation Library

  1 project | news.ycombinator.com | 10 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

• Free Open-Source Portfolio Template for Developers⚡🚀

  2 projects | dev.to | 13 Jun 2023
• A note from our sponsor - SaaSHub
  www.saashub.com | 3 May 2024

  SaaSHub helps you find the best software and product alternatives Learn more →

Index

Sponsored

SaaSHub - Software Alternatives and Reviews

SaaSHub helps you find the best software and product alternatives

www.saashub.com