Projects in Awesome Lists tagged with css-animations
A curated list of projects in awesome lists tagged with css-animations .
https://github.com/animate-css/animate.css
🍿 A cross-browser library of CSS animations. As easy to use as an easy thing.
animation css css-animations stylesheets
Last synced: 12 Dec 2025
https://daneden.github.io/animate.css/
🍿 A cross-browser library of CSS animations. As easy to use as an easy thing.
animation css css-animations stylesheets
Last synced: 02 Apr 2025
https://github.com/DavidHDev/react-bits
An open source collection of animated, interactive & fully customizable React components for building memorable websites.
3d animations component-library components components-library components-react css-animations javascript react reactjs tailwind tailwindcss ui-components ui-library web
Last synced: 04 Sep 2025
https://github.com/davidhdev/react-bits
An open source collection of animated, interactive & fully customizable React components for building stunning, memorable user interfaces.
3d animations component-library components components-library components-react css-animations javascript react reactjs tailwind tailwindcss ui-components ui-library web
Last synced: 11 May 2025
https://github.com/sachinchoolur/lightgallery
A customizable, modular, responsive, lightbox gallery plugin.
angular angular-gallery css-animations html5-video image-gallery lightbox lightbox-gallery-plugin lit-element react react-gallery thumbnails video video-gallery vimeo vue vue-gallery youtube
Last synced: 12 May 2025
https://github.com/sachinchoolur/lightGallery
A customizable, modular, responsive, lightbox gallery plugin.
angular angular-gallery css-animations html5-video image-gallery lightbox lightbox-gallery-plugin lit-element react react-gallery thumbnails video video-gallery vimeo vue vue-gallery youtube
Last synced: 14 Mar 2025
https://github.com/sachinchoolur/lightgallery.js
Full featured JavaScript image & video gallery. No dependencies
animation css-animations gallery html5-video image-gallery lightbox lightbox-gallery-plugin thumbnails video-gallery vimeo youtube
Last synced: 14 May 2025
https://github.com/l-hammer/you-need-to-know-css
💄CSS tricks for web developers~
css css-animations css-center css-effects css-experiment css-flexbox css-layout css-properties css-scrollbar css-shadow-parts css-shapes css-snippets css-transitions css-tricks css-variables css3 cssnext docsify pseudo-elements
Last synced: 18 Oct 2025
https://github.com/l-hammer/You-need-to-know-css
💄CSS tricks for web developers~
css css-animations css-center css-effects css-experiment css-flexbox css-layout css-properties css-scrollbar css-shadow-parts css-shapes css-snippets css-transitions css-tricks css-variables css3 cssnext docsify pseudo-elements
Last synced: 14 Mar 2025
https://github.com/epicmaxco/epic-spinners
Easy to use css spinners collection with Vue.js integration
animations css css-animations css-loaders css-spinners-collection gallery html javascript loading-animations loading-screen loading-spinner spinner vue vue-components vue-spinner-component
Last synced: 13 May 2025
https://github.com/jschr/textillate
A jquery plugin for CSS3 text animations.
css-animations javascript jquery text textillate
Last synced: 14 May 2025
https://github.com/ingram-projects/animxyz
The first truly composable CSS animation library. Built for Vue, React, SCSS, and CSS, AnimXYZ will bring your website to life.
animation animxyz composable-animations css css-animations css-framework functional-css react scss vue
Last synced: 14 May 2025
https://github.com/webkul/micron
a [μ] microInteraction library built with CSS Animations and controlled by JavaScript Power
animation css css-animations css-modules css3 javascript javascript-library js
Last synced: 15 May 2025
https://github.com/codse/animata
Bring your site to life with easy to use animation & interaction code. Copy. Paste. Animate.
animation css-animations hacktober hacktoberfest hacktoberfest-accepted interaction nextjs react tailwindcss
Last synced: 14 May 2025
https://github.com/miromannino/justified-gallery
Javascript library to help creating high quality justified galleries of images. Used by thousands of websites as well as the photography community 500px.
bricklayer css-animations gallery infinite-scroll javascript justification justified-layout mason masonry masonry-layout thumbnails
Last synced: 14 May 2025
https://github.com/miromannino/Justified-Gallery
Javascript library to help creating high quality justified galleries of images. Used by thousands of websites as well as the photography community 500px.
bricklayer css-animations gallery infinite-scroll javascript justification justified-layout mason masonry masonry-layout thumbnails
Last synced: 14 Mar 2025
https://github.com/Martz90/vivify
Vivify is free CSS animation library.
animation animation-library css css-animations css3 css3-animations helper helpers
Last synced: 13 Mar 2025
https://github.com/martz90/vivify
Vivify is free CSS animation library.
animation animation-library css css-animations css3 css3-animations helper helpers
Last synced: 15 May 2025
https://github.com/7ph/powerglitch
Tiny JS library to glitch anything on the web
css css-animations gifs glitch-art glitch-effect glitched-images glitchify-images glitching javascript library mosh
Last synced: 14 May 2025
https://github.com/7PH/powerglitch
Tiny JS library to glitch anything on the web
css css-animations gifs glitch-art glitch-effect glitched-images glitchify-images glitching javascript library mosh
Last synced: 28 Mar 2025
https://github.com/720kb/radiobox.css
:radio_button: Tiny set of pure CSS animations for your radio inputs. https://720kb.github.io/radiobox.css/
animation css css-animations radio radio-inputs radiobox
Last synced: 04 Apr 2025
https://github.com/alexcambose/motus
Animation library that mimics CSS keyframes when scrolling.
animation css css-animations dom javascript keyframes parallax scroll typescript viewport
Last synced: 16 May 2025
https://github.com/roginfarrer/collapsed
Headless UI for for creating flexible and accessible expand/collapse components in TS/JS.
animation collapse css-animations custom-hook expand react typescript
Last synced: 14 May 2025
https://github.com/drawcall/AgileJS
AgileJS - The Css3 Creation Engine 🍖🌭🍔
animation css-animations css-framework css-games css3 css3-animations css3-engine game-framework html5-css3
Last synced: 27 Apr 2025
https://github.com/drawcall/agilejs
AgileJS - The Css3 Creation Engine 🍖🌭🍔
animation css-animations css-framework css-games css3 css3-animations css3-engine game-framework html5-css3
Last synced: 17 Dec 2025
https://github.com/all-animation/all-animation
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...
all-animation animation animation-css animations css css-animations scss
Last synced: 22 Oct 2025
https://github.com/720kb/checkbox.css
:ballot_box_with_check: Tiny set of pure CSS animations for your checkbox input. https://720kb.github.io/checkbox.css/
animation checkbox css css-animations forms inputs
Last synced: 04 Apr 2025
https://shakrmedia.github.io/tuesday/
A quirky CSS Animation Library by Shakr
animation animation-library css css-animations less tuesday-css
Last synced: 15 Nov 2025
https://github.com/ShakrMedia/tuesday
A quirky CSS Animation Library by Shakr
animation animation-library css css-animations less tuesday-css
Last synced: 07 May 2025
https://github.com/shakrmedia/tuesday
A quirky CSS Animation Library by Shakr
animation animation-library css css-animations less tuesday-css
Last synced: 04 Apr 2025
https://github.com/zuramai/starback.js
Create a beautiful star falling background with starback.js
background canvas css-animations hacktoberfest
Last synced: 12 Apr 2025
https://github.com/mrsaints/morphext
A simple, high-performance and cross-browser jQuery rotating / carousel plugin for text phrases powered by Animate.css.
animatecss carousel carousel-plugin cross-browser css css-animations css3 css3-animations html javascript jquery rotating-phrases smooth-animations
Last synced: 05 Apr 2025
https://github.com/ciar4n/izmir
Izmir - An image hover mini CSS library
animation css css-animations css-libraries
Last synced: 05 Apr 2025
https://github.com/ciar4n/Izmir
Izmir - An image hover mini CSS library
animation css css-animations css-libraries
Last synced: 01 May 2025
https://github.com/moarwick/react-mt-svg-lines
A React.js wrapper component to animate the line stroke in SVGs
css-animations higher-order-component path reactjs stroke svg tween
Last synced: 15 Mar 2025
https://github.com/equimper/all-about-programming
Everything about programming!!
article aws-lambda computer-science computer-science-algorithms css-animations css-transitions devtips elixir gcp google-cloud google-cloud-platform javascript javascript-es6 javascript-tests javascript-tutorial lambda-functions programmer-tool tutorial tutorials
Last synced: 14 Sep 2025
https://github.com/EQuimper/All-About-Programming
Everything about programming!!
article aws-lambda computer-science computer-science-algorithms css-animations css-transitions devtips elixir gcp google-cloud google-cloud-platform javascript javascript-es6 javascript-tests javascript-tutorial lambda-functions programmer-tool tutorial tutorials
Last synced: 20 Jul 2025
https://github.com/raphamorim/native-css
Convert pure CSS to React Style or javascript literal objects.
css css-animations javascript jsformat react react-style semantic style
Last synced: 05 Apr 2025
https://github.com/joanclaret/html5-canvas-animation
:rocket: 3D lines animation with three.js
3d-lines-animation animation canvas css-animations html html5-canvas-animation javascript
Last synced: 09 Aug 2025
https://github.com/adityakumawat97/mern-bus-app
This is a MFRP (My first Real Project) assigned to me during my internship at Cognizant. Made with MERN Stack technology.
css-animations css3 express-js express-middleware mongodb mongodb-atlas node-js passport-jwt passport-strategy passportjs password-hash react react-components react-credit-cards react-hooks react-router-v4 reactjs token-based-authentication
Last synced: 06 Apr 2025
https://github.com/yesiamrocks/cssanimation.io
CSS Animation Library for Developers and Ninjas
animation css css-animations css-hover-animation css3-animations greensock text-animation transition web-animation
Last synced: 03 Apr 2025
https://github.com/Sylvenas/react-magic
A collection of magic animations for react components.
animation css-animations css-in-js inline-styles magic react
Last synced: 16 May 2025
https://github.com/sylvenas/react-magic
A collection of magic animations for react components.
animation css-animations css-in-js inline-styles magic react
Last synced: 09 Apr 2025
https://github.com/neatsoftware/term-sheets
Create animated terminal presentations. Export as SVG, animated GIF, or HTML+CSS
console css-animations gifs presentation svg terminal
Last synced: 10 Oct 2025
https://github.com/sandrina-p/portfolio_v3
My current personal website
accessibility css-animations frontend personal-site personal-website portfolio sapper svelte
Last synced: 21 Jul 2025
https://github.com/erictreacy/mimic.css
Everyone else is doing it!
animate animatecss css css-animations
Last synced: 15 Mar 2025
https://github.com/devsyedmohsin/css-tips-tricks
Handmade collection of css tips tricks. Give it a star if you find it useful 🌟
css css-animations css-tricks css3 learning-resources protip tips tips-and-tricks tricks useful useful-utilities webdevelopment
Last synced: 17 Mar 2025
https://github.com/brandonmcconnell/typed.css
A fully functional and flexible typewriter mixin for SCSS, with Less and Stylus support coming soon! Typed.css supports multiple strings, multi-line strings, variable speeds, per-string styling, animated caret (blinking insertion cursor), directional type-pausing, and much more. It's even accessible! ✨
animated-text animation animation-css css css-animations less lesscss scss scss-mixins scss-modules stylus stylus-css typewriter typewriter-animation typewriter-effect typing-animation typing-effect
Last synced: 09 Apr 2025
https://github.com/adityakumawat97/react-e-commerce-website
E commerce website with complete authentication made using React
css-animations css-flexbox css3 firebase firebase-auth firestore firestore-database react-components react-router-v4 reactjs redux redux-middleware redux-store reselect-utils
Last synced: 06 Apr 2025
https://github.com/yusinto/react-site-nav
A kick ass site menu powered by styled components inspired by Stripe.
animated-menu bar css-animations menu menu-animation menu-item menu-navigation menubar nav navbar navigate navigation navigation-menus navigationbar navigationview react-site-nav site sitenav sitenavigationelement styled-components
Last synced: 09 Apr 2025
https://github.com/sarthology/animatopy
🎩 Just-add-water simple CSS animations snippets
Last synced: 20 Aug 2025
https://github.com/vaibhav111tandon/vov.css
📱💻A CSS Library for small but useful animations💻📱
animation-library blur css css-animations css-library fade hacktoberfest roll shake shrink slide swivel throb vov wheel zoom
Last synced: 26 Oct 2025
https://github.com/7ph/react-powerglitch
Tiny React library to glitch anything on the web
css css-animations gifs glitch-art glitch-effect glitched-images glitchify-images glitching javascript library mosh react reactjs
Last synced: 18 Aug 2025
https://github.com/JoanClaret/slide-and-swipe-menu
:zap: A sliding swipe menu that works with touchSwipe library.
css-animations html jquery jquery-plugin slide swipe-menu touchswipe
Last synced: 10 May 2025
https://github.com/joanclaret/slide-and-swipe-menu
:zap: A sliding swipe menu that works with touchSwipe library.
css-animations html jquery jquery-plugin slide swipe-menu touchswipe
Last synced: 28 Apr 2025
https://github.com/idev-games/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.
animate-on-scroll animation aos-animation css css-animations css-variables data-attribute-html design frontend html js reveal-animation scroll-animations simple
Last synced: 05 May 2025
https://github.com/anater/tachyons-animate
Single purpose classes to help you orchestrate CSS animations
animation css css-animations tachyons tachyons-css tachyons-custom
Last synced: 21 Aug 2025
https://github.com/antrikshy/tinseltown.js
A lightweight CSS/JS library for faux hacker-movie-style page loading effects
css-animations hacktoberfest sass web-design
Last synced: 25 Aug 2025
https://github.com/Antrikshy/Tinseltown.js
A lightweight CSS/JS library for faux hacker-movie-style page loading effects
css-animations hacktoberfest sass web-design
Last synced: 24 Apr 2025
https://github.com/laaouatni/w11css
Windows 11 UI WEB-BASED. works directly on your Browser! made by Laaouatni. Using only HTML, CSS and Vanilla Javascript (No Framework)
animation css-animations css-flexbox css-grid css-grid-layout microsoft-windows operating-system os w11 w11-clone windows-11 windows-11-clone windows-11-web windows-11-web-clone windows-clone windows-desktop windows11 windows11-darkmode windows11-recreation windows11-web
Last synced: 05 Apr 2025
https://github.com/Laaouatni/w11CSS
Windows 11 UI WEB-BASED. works directly on your Browser! made by Laaouatni. Using only HTML, CSS and Vanilla Javascript (No Framework)
animation css-animations css-flexbox css-grid css-grid-layout microsoft-windows operating-system os w11 w11-clone windows-11 windows-11-clone windows-11-web windows-11-web-clone windows-clone windows-desktop windows11 windows11-darkmode windows11-recreation windows11-web
Last synced: 03 Apr 2025
https://github.com/usaljs/usal
USAL.js - Ultimate Scroll Animation Library - Lightweight, powerful, wonderfully simple ✨
animation css-animations intersection-observer javascript scroll-animations scroll-library web-animation
Last synced: 07 Oct 2025
https://github.com/byronhsu/aag-visualizer
🌆 🏙 🌃 Viz.js Graphviz - An Elegant Visualizer for And-Inverter Graph
aag aig circuit css-animations dot dsnp fraig frontend-web graph graphviz javascript ntu visualizer vizjs
Last synced: 02 Sep 2025
https://github.com/bcrikko/css-collection
🧙♂️ CSS芸人への道(CSSでつくったもの集)| I want to be CSS Magician
css-animations css3 css3-animations
Last synced: 24 Mar 2025
https://github.com/BcRikko/css-collection
🧙♂️ CSS芸人への道(CSSでつくったもの集)| I want to be CSS Magician
css-animations css3 css3-animations
Last synced: 10 May 2025
https://github.com/magnetikonline/css-animation-event
Cross browser library for handling CSS animation and transition DOM events with a fallback pattern for unsupported browsers.
browser css-animations css-transitions
Last synced: 26 Jun 2025
https://github.com/fabiandev/css-animator
Animate elements using CSS classes with support for Angular.
angular animation-builder css-animations javascript typescript web
Last synced: 12 Jun 2025
https://github.com/code-fx/Pure-CSS3-Animated-Border
Pure CSS3 animated border for all html element.
cdn css css-animations css3 cssbuttons html html-css html5 plugin ui ui-components ui-design widget
Last synced: 11 May 2025
https://github.com/code-fx/pure-css3-animated-border
Pure CSS3 animated border for all html element.
cdn css css-animations css3 cssbuttons html html-css html5 plugin ui ui-components ui-design widget
Last synced: 10 Apr 2025
https://github.com/vamosgs/react-preloaders
🌌Package for adding preloaders to your React apps
css-animations preloaders react-preloaders reactjs
Last synced: 19 Apr 2025
https://github.com/pb03/css-animations-demo
Live Demo: https://pb03.github.io/css-animations-demo/
animation css css-animations transitions vuejs
Last synced: 09 Jul 2025
https://github.com/avalojandro/catto-css
Library of CSS animations easy and quick to use
animations css css-animation-effects css-animation-library css-animations css-framework css-library css3 front-end frontend-framework frontend-library frontend-web html html-css-javascript html5 library website-design
Last synced: 22 Sep 2025
https://github.com/Avalojandro/Catto-CSS
Library of CSS animations easy and quick to use
animations css css-animation-effects css-animation-library css-animations css-framework css-library css3 front-end frontend-framework frontend-library frontend-web html html-css-javascript html5 library website-design
Last synced: 16 Mar 2025
https://github.com/atapas/learn-css-animation
Learn CSS animation with fun. It is simple, easy to use, and fun to learn.
animation animations css css-animations css3 html html5
Last synced: 01 Sep 2025
https://github.com/huxn-webdev/advance-css-40-projects
Build Amazing Animations/Effects With Advance CSS 💙
css css-animations css-effects css-flexbox css-framework css-grid css-in-js css-in-js-animation css-modules css-projects css3 css3-animations html html-css html-css-javascript
Last synced: 27 Jun 2025
https://github.com/lastnamearya/react-travel-app
React.js - Weekend hackathon app 😁
css-animations react-slick reactjs travel-app
Last synced: 03 Jul 2025
https://github.com/JoanClaret/jcSlider
:snowboarder: A responsive slider jQuery plugin with CSS animations
css-animations html jquery jquery-plugin slide slider
Last synced: 10 May 2025
https://github.com/mrsaints/morphist
A simple, high-performance and cross-browser jQuery slider / slideshow / carousel plugin for child objects powered by Animate.css.
animatecss carousel carousel-plugin cross-browser css css-animations css3 css3-animations html javascript jquery rotating-objects smooth-animations
Last synced: 21 Mar 2025
https://github.com/joanclaret/jcslider
:snowboarder: A responsive slider jQuery plugin with CSS animations
css-animations html jquery jquery-plugin slide slider
Last synced: 14 Apr 2025
https://github.com/elchininet/isometric-css
Isometric-CSS is a lightweight JavaScript library to build isometric projections through declarative HTML attributes.
css css-animation css-animations css-transformations css-transforms draw drawing engineering engineering-drawing graphics isometric isometric-css isometric-projection isometric-projections javascript orthogonal orthogonal-projection projection transformation typescript
Last synced: 14 May 2025
https://github.com/rcaferati/wac
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. 📚🖥️📱
animation-library css css-animations css-transitions css3 javascript-animation-library javascript-library react
Last synced: 16 Dec 2025
https://github.com/a-bentofreire/beamtoix
frame-by-frame Web Animation framework
animation charts cloud css-animations editing gif puppeteer rendering typescript video
Last synced: 19 Aug 2025
https://github.com/jeffersonrpm/landing-page-anime
A simple landing page made in HTML and CSS has five anchors. The theme chosen is related to anime, the theme adopted is dark mode. In this project, grid, accessibility, responsive design, mobile, transitions, forms, among others, were addressed.
accessibility anime css-animations css-flexbox css-grid css3 dark-theme desktop-first form html5 landing-page mobile responsive-web-design transition-animation
Last synced: 21 Mar 2025
https://github.com/jh3y/a-guide-to-css-animation
Demo code for "A Guide to CSS Animation"
animation css css-animation css-animation-effects css-animation-timmings css-animations
Last synced: 03 Sep 2025
https://github.com/pras75299/interiorwebsite
Static Website for Interior Decorator company
css-animations css3 design free front-end front-end-development html html5 interior-design javascript jquery jquery-plugin template
Last synced: 14 Apr 2025
https://github.com/lukejacksonn/Actuate
One line easy actuation of CSS animation sequences
animation css css-animations javascript promise transform
Last synced: 02 Apr 2025
https://github.com/lukejacksonn/actuate
One line easy actuation of CSS animation sequences
animation css css-animations javascript promise transform
Last synced: 20 Jul 2025
https://github.com/omariosouto/animusjs
:fireworks: AnimusJS is the solution for combine JS and CSS animations.
css-animations javascript-functions javascript-library trigger user-scrolls
Last synced: 04 Sep 2025
https://github.com/retyui/postcss-animations
PostCSS plugin that adds `@keyframes` from animate.css, tuesday.css, magic.css, mimic.css
css-animations postcss-animations postcss-plugin
Last synced: 09 Apr 2025
https://github.com/720kb/checked.css
Tiny set of pure CSS animations that applies to checked elements. The power of checkbox.css + radiobox.css https://720kb.github.io/checked.css
animation checkbox css css-animations radiobox
Last synced: 08 Apr 2025
https://github.com/richard1320/lava-lamp
A JavaScript animation plugin for menus. It creates a div that moves when you mouse over an element, giving it an elastic animation.
animations css css-animations css3 css3-animations lava-lamp mouse
Last synced: 17 Mar 2025
https://github.com/italoalmeida0/usal
USAL.js - Ultimate Scroll Animation Library - Lightweight, powerful, wonderfully simple ✨
animation css-animations intersection-observer javascript scroll-animations scroll-library web-animation
Last synced: 11 Sep 2025
https://github.com/amine1107/hexa
Awesome Css Animation. The documentation =>
animation css-animations css3 design hexa hexadecimal html-css
Last synced: 24 Apr 2025
https://github.com/amine1107/Hexa
Awesome Css Animation. The documentation =>
animation css-animations css3 design hexa hexadecimal html-css
Last synced: 14 Mar 2025
https://github.com/aerolab/welcome
A macOS app to onboard new Aerolabers
css css-animations electron electron-app html javascript nodejs
Last synced: 12 Apr 2025
https://github.com/bezenson/meeink
Material Design click effect
bower click css-animations demo effect effects ink jquery jquery-plugin material npm-package plugin
Last synced: 12 Dec 2025
https://github.com/charlescreativecontent/matching-card-game
With over 100 different cards, test your memory in these three popular trading card themes, Pokemon, Yugioh, & Magic: The Gathering!
card-game css-animations javascript javascript-applications javascript-game magic-the-gathering matching-game pokemon yugioh
Last synced: 09 Apr 2025
https://github.com/n8jadams/smoothr
A custom React router that leverages the Web Animations API and CSS animations.
animated animation-library css-animation-effects css-animation-library css-animations react react-router router single-page-applications web-animations web-animations-api
Last synced: 20 Mar 2025
https://github.com/evoluteur/isomorphic-table-cards
Table and Cards views with animated transitions on sorting, switching view, and browser resizing (no dependencies, just vanilla Javascript, CSS, and HTML).
animated-transitions animation animation-css animation-effects card cards cards-views cardview css-animations css3-animations isomorphic isomorphism javascript morph table table-view tabular-data transformation transition transition-animation
Last synced: 09 Apr 2025
https://github.com/anshsinghsonkhia/futuristic-css-animations
🔮 An Open Source Compilation of Futuristic CSS Animations.
beginner-friendly contributions-welcome css css-animations css3 good-first-issue hacktoberfest hacktoberfest-2023 hacktoberfest-accepted hacktoberfest2023
Last synced: 14 Apr 2025