Awesome Open Source
Awesome Open Source
Combined Topics
css-animations x
Advertising 📦 9
All Projects
Application Programming Interfaces 📦 120
Applications 📦 181
Artificial Intelligence 📦 72
Blockchain 📦 70
Build Tools 📦 111
Cloud Computing 📦 79
Code Quality 📦 28
Collaboration 📦 30
Command Line Interface 📦 48
Community 📦 81
Companies 📦 60
Compilers 📦 60
Computer Science 📦 74
Configuration Management 📦 39
Content Management 📦 167
Control Flow 📦 197
Data Formats 📦 77
Data Processing 📦 266
Data Storage 📦 132
Economics 📦 60
Frameworks 📦 198
Games 📦 122
Graphics 📦 103
Hardware 📦 148
Integrated Development Environments 📦 47
Learning Resources 📦 147
Legal 📦 28
Libraries 📦 119
Lists Of Projects 📦 21
Machine Learning 📦 336
Mapping 📦 61
Marketing 📦 15
Mathematics 📦 55
Media 📦 228
Messaging 📦 97
Networking 📦 304
Operating Systems 📦 84
Operations 📦 120
Package Managers 📦 52
Programming Languages 📦 229
Runtime Environments 📦 96
Science 📦 42
Security 📦 375
Social Media 📦 26
Software Architecture 📦 70
Software Development 📦 68
Software Performance 📦 57
Software Quality 📦 127
Text Editors 📦 45
Text Processing 📦 131
User Interface 📦 310
User Interface Components 📦 465
Version Control 📦 29
Virtualization 📦 68
Web Browsers 📦 38
Web Servers 📦 25
Web User Interface 📦 194

The Top 503 Css Animations Open Source Projects on Github

Categories > Web User Interface > Css Animations
Animate.css ⭐ 72,557
🍿 A cross-browser library of CSS animations. As easy to use as an easy thing.
Lightgallery.js ⭐ 5,125
Full featured JavaScript image & video gallery. No dependencies
Lightgallery ⭐ 4,717
A customizable, modular, responsive, lightbox gallery plugin.
Textillate ⭐ 3,577
A jquery plugin for CSS3 text animations.
Epic Spinners ⭐ 3,204
Easy to use css spinners collection with Vue.js integration
You Need To Know Css ⭐ 3,054
💄CSS tricks for web developers~
Micron ⭐ 2,166
a [μ] microInteraction library built with CSS Animations and controlled by JavaScript Power
Animxyz ⭐ 1,592
The first truly composable CSS animation library. Built for Vue, React, SCSS, and CSS, AnimXYZ will bring your website to life.
Justified Gallery ⭐ 1,494
Javascript library to help creating high quality justified galleries of images. Used by thousands of websites as well as the photography community 500px.
Vivify ⭐ 1,484
Vivify is free CSS animation library.
Awesome Web Animation ⭐ 977
A list of awesome web animation libraries, books, apps etc.
Radiobox.css ⭐ 698
🔘 Tiny set of pure CSS animations for your radio inputs. https://720kb.github.io/radiobox.css/
Front End Daily Challenges ⭐ 639
As of August 2021, 170+ works have been accomplished, challenge yourself each day!
Motus ⭐ 531
Animation library that mimics CSS keyframes when scrolling.
Agilejs ⭐ 489
AgileJS - The Css3 Creation Engine 🍖🌭🍔
Checkbox.css ⭐ 475
☑️ Tiny set of pure CSS animations for your checkbox input. https://720kb.github.io/checkbox.css/
React Awesome Reveal ⭐ 449
React components to add reveal animations using the Intersection Observer API and CSS Animations.
Tuesday ⭐ 428
A quirky CSS Animation Library by Shakr
Morphext ⭐ 378
A simple, high-performance and cross-browser jQuery rotating / carousel plugin for text phrases powered by Animate.css.
React Collapsed ⭐ 350
A React custom-hook for creating flexible and accessible expand/collapse components.
React Mt Svg Lines ⭐ 334
A React.js wrapper component to animate the line stroke in SVGs
Sbuttons ⭐ 321
💡 Simple buttons you can use easily for your next project.
Native Css ⭐ 318
Convert pure CSS to React Style or javascript literal objects.
Izmir ⭐ 298
Izmir - An image hover mini CSS library
All About Programming ⭐ 293
Everything about programming!!
React Magic ⭐ 264
A collection of magic animations for react components.
Josh.js ⭐ 261
A JavaScript library to animate content on page scroll.
Html5 Canvas Animation ⭐ 259
🚀 3D lines animation with three.js
Term Sheets ⭐ 251
Create animated terminal presentations. Export as SVG, animated GIF, or HTML+CSS
Mojojs Animation ⭐ 240
A lightweight and powerful javascript Animation engine.
Starback.js ⭐ 179
Create a beautiful star falling background with starback.js
React Site Nav ⭐ 163
A kick ass site menu powered by styled components inspired by Stripe.
Mimic.css ⭐ 143
Everyone else is doing it. (Updating...)
Portfolio_v3 ⭐ 139
My current personal website
Cssanimation.io ⭐ 137
CSS Animation Library for Developers and Ninjas
Thegoodman ⭐ 130
An experiment with basic CSS3 animations.
A2hs.js ⭐ 127
📲 A useful modern JavaScript solution that helps your website users to add (install) a progressive web application (PWA) to the Home Screen of their mobile iOS devices.
Slide And Swipe Menu ⭐ 125
⚡️ A sliding swipe menu that works with touchSwipe library.
Animatopy ⭐ 119
🎩 Just-add-water simple CSS animations snippets
Tinseltown.js ⭐ 115
A lightweight CSS/JS library for faux hacker-movie-style page loading effects
Css Animations Pocket Guide ⭐ 95
A pocket guide to get started writing CSS Animations. ✨
Css Animation Event ⭐ 88
Cross browser library for handling CSS animation and transition DOM events with a fallback pattern for unsupported browsers.
Tachyons Animate ⭐ 87
Single purpose classes to help you orchestrate CSS animations
Aag Visualizer ⭐ 84
🌆 🏙 🌃 Viz.js Graphviz - An Elegant Visualizer for And-Inverter Graph
Youtube Form Animate Css Js Puro ⭐ 83
Css Animator ⭐ 82
Animate elements using CSS classes with support for Angular.
Ui Components ⭐ 80
💄 Library of UI components
Ramen Timer ⭐ 72
⏰ Countdown timer（3min or 5min）/ Vue.js + PWA + CSS animation + Character Design
Css Animations Demo ⭐ 65
Live Demo: https://pb03.github.io/css-animations-demo/
Morphist ⭐ 60
A simple, high-performance and cross-browser jQuery slider / slideshow / carousel plugin for child objects powered by Animate.css.
Skelet ⭐ 59
Skelet.css a contemporary CSS framework. The basics to get started.
Vov.css ⭐ 56
📱💻A CSS Library for small but useful animations💻📱
Rainbowsafari ⭐ 55
🌈 Hide sticky headers and color the menu bar on Safari for Yosemite
Pure Css3 Animated Border ⭐ 55
Pure CSS3 animated border for all html element.
Fuze ⭐ 53
A simple CSS Gradient Animator tool built with Vue and Vuex.
Ripple Without Js ⭐ 51
Create Material Design ripple effect in your HTML without using a single line of JS.
Jcslider ⭐ 50
🏂 A responsive slider jQuery plugin with CSS animations
Css Collection ⭐ 48
🧙‍♂️ CSS芸人への道（CSSでつくったもの集）| I want to be CSS Magician
Learn Css Animation ⭐ 47
Learn CSS animation with fun. It is simple, easy to use, and fun to learn.
React Preloaders ⭐ 46
🌌Package for adding preloaders to your React apps
Mern Bus App ⭐ 46
This is a MFRP (My first Real Project) assigned to me during my internship at Cognizant. Made with MERN Stack technology.
Actuate ⭐ 43
One line easy actuation of CSS animation sequences
Animusjs ⭐ 42
🎆 AnimusJS is the solution for combine JS and CSS animations.
Abeamer ⭐ 40
frame-by-frame Web Animation framework
Postcss Animations ⭐ 39
PostCSS plugin that adds `@keyframes` from animate.css, tuesday.css, magic.css, mimic.css
Checked.css ⭐ 38
Tiny set of pure CSS animations that applies to checked elements. The power of checkbox.css + radiobox.css https://720kb.github.io/checked.css
Web Animation Club ⭐ 38
CSS controlled animations with transitionEnd, onTransitionEnd, animationend, onAnimationEnd events and frame throwing. Tiny javascript library with cross-browser methods to handle css animation/transition callbacks and event loop frame throwing. 📚🖥️📱
Aprendendo Css ⭐ 38
Vários desenhos feitos com CSS e SCSS (e as vezes um pouco de JavaScript)
Lava Lamp ⭐ 37
A JavaScript animation plugin for menus. It creates a div that moves when you mouse over an element, giving it an elastic animation.
Meeink ⭐ 33
Material Design click effect
Vue Mapp ⭐ 32
This is a Vue music webapp
A Guide To Css Animation ⭐ 32
Demo code for "A Guide to CSS Animation"
Css2video ⭐ 30
Python library to convert CSS animations into video
Welcome ⭐ 30
A macOS app to onboard new Aerolabers
Hexa ⭐ 29
Awesome Css Animation. The documentation =>
Smoothr ⭐ 27
A custom React router that leverages the Web Animations API and CSS animations.
Landing Page Animation ⭐ 26
Landing page animation made using CSS
Chat Bot ⭐ 25
Chatbot – is a computer program that simulates a natural human conversation. Users communicate with a chatbot via the chat interface or by voice, like how they would talk to a real person.
React E Commerce Website ⭐ 24
E commerce website with complete authentication made using React
Pulltorefresh ⭐ 23
javascript-pull-to-refresh
Pure Css Image Loader ⭐ 23
How to load your images using a progressive effect (similar to Medium or Instagram) using only CSS.
Nglp Angular Material Landing Page ⭐ 22
NGLP is an Angular Material Landing Page.
Css3playground.com ⭐ 22
My collection of experiments and toys built with CSS3.
Spinbolt ⭐ 21
A collection of Pure CSS animated Spinners
Chicio.github.io ⭐ 19
👻 Fabrizio Duroni (me 😄) personal website. Created using GatsbyJS, Styled Components, Storybook, Typescript, tsParticles, GitHub pages, Github Actions, Upptime.
Vov ⭐ 19
✨ vov.css animations for shiny
Animaciones Css ⭐ 18
Guia para realizar animaciones con CSS con proyecto demostrativo que incluye una gran variedad de elementos animados.
Reactdelayed ⭐ 17
Small component for delaying the mounting and unmounting of a child component for CSS animation purposes.
Helium Animated Pages ⭐ 17
A light spiritual succesor to neon-animated-pages using only css animations
Css Collection ⭐ 17
A wide variety of animations done using only CSS
Animatetext.js ⭐ 17
📼 A small function to animate each character of a text using CSS Keyframes.
Monsterjs ⭐ 17
💎 MonsterJS - a game for learning JavaScript DOM Selectors while playing!
React Animated Text ⭐ 14
A little plug-in to add animated text to your React app
Word Beater ⭐ 14
💻 Typing Game, inspired by Brad Traversy
Continuous Carousel ⭐ 13
A timed continuous carousel that uses vanilla JavaScript & CSS animations.
Aioneframework ⭐ 13
Aione Framework: All-in-one lightweight mobile first front-end framework to design websites, web applications, mobile applications, progressive web applications having large number of examples, documentation, tutorials, community support, components.
Isometric Css ⭐ 13
Isometric-CSS is a lightweight JavaScript library to build isometric projections through declarative HTML attributes.
Easytransform ⭐ 12
Enhancing CSS transform with a little bit of JavaScript.
Css Digital Numbers ⭐ 12
Displays digital numbers (0-9) using css animations.
Tocas Ui Xiaoan ⭐ 11
洨洨安的歡樂天堂！
1-100 of 503 projects

Related Projects

Javascript Css Animations Projects (229)
Css3 Css Animations Projects (169)
Html Css Animations Projects (163)
Advertising 📦 9
All Projects
Application Programming Interfaces 📦 120
Applications 📦 181
Artificial Intelligence 📦 72
Blockchain 📦 70
Build Tools 📦 111
Cloud Computing 📦 79
Code Quality 📦 28
Collaboration 📦 30
Command Line Interface 📦 48
Community 📦 81
Companies 📦 60
Compilers 📦 60
Computer Science 📦 74
Configuration Management 📦 39
Content Management 📦 167
Control Flow 📦 197
Data Formats 📦 77
Data Processing 📦 266
Data Storage 📦 132
Economics 📦 60
Frameworks 📦 198
Games 📦 122
Graphics 📦 103
Hardware 📦 148
Integrated Development Environments 📦 47
Learning Resources 📦 147
Legal 📦 28
Libraries 📦 119
Lists Of Projects 📦 21
Machine Learning 📦 336
Mapping 📦 61
Marketing 📦 15
Mathematics 📦 55
Media 📦 228
Messaging 📦 97
Networking 📦 304
Operating Systems 📦 84
Operations 📦 120
Package Managers 📦 52
Programming Languages 📦 229
Runtime Environments 📦 96
Science 📦 42
Security 📦 375
Social Media 📦 26
Software Architecture 📦 70
Software Development 📦 68
Software Performance 📦 57
Software Quality 📦 127
Text Editors 📦 45
Text Processing 📦 131
User Interface 📦 310
User Interface Components 📦 465
Version Control 📦 29
Virtualization 📦 68
Web Browsers 📦 38
Web Servers 📦 25
Web User Interface 📦 194
"GitHub" is a registered trademark of GitHub, Inc. Awesome Open Source is not affiliated with GitHub.

All non readme contents or Github based topics or project metadata copyright Awesome Open Source 2018-2021