Data

Tools

Indexes

Applications

Experiments

Awesome

An open API service indexing awesome lists of open source software.

Projects in Awesome Lists tagged with css-animation

A curated list of projects in awesome lists tagged with css-animation .

https://github.com/comehope/front-end-daily-challenges

As of August 2021, 170+ works have been accomplished, challenge yourself each day!

animation button css css-animation css-images css-shapes css3 d3 effect gsap hover-effects html5 javascript layout loader

Last synced: 04 Apr 2025

https://github.com/sbuttons/sbuttons

:bulb: Simple buttons you can use easily for your next project.

animation button-animation button-css buttons css css-animation css3 hacktoberfest less lesscss stylesheet

Last synced: 03 Oct 2025

https://github.com/scottcgi/MojoJS-Animation

A lightweight and powerful javascript Animation engine.

animation animation-engine css-animation javascript javascript-library

Last synced: 10 Jul 2025

https://github.com/scottcgi/mojojs-animation

A lightweight and powerful javascript Animation engine.

animation animation-engine css-animation javascript javascript-library

Last synced: 13 Apr 2025

https://github.com/koddr/a2hs.js

📲 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.

css-animation css3 homescreen ios ipad iphone ipodtouch javascript js progressive-web-app pwa

Last synced: 16 May 2025

https://github.com/phuocng/css-animation

Popular CSS animation showcases. You don't need a CSS animation library for them.

css css-animation css-transition front-end-development

Last synced: 18 Mar 2025

https://github.com/bpsagar/css2video

Python library to convert CSS animations into video

css css-animation css3 css3-animation html html-css html5 python video

Last synced: 24 Apr 2025

https://github.com/chicio/chicio.github.io

:ghost: Fabrizio Duroni (me :smile:) personal website. Created using GatsbyJS, Styled Components, Typescript, tsParticles, GitHub pages, Github Actions, Upptime.

css-animation fontawesome gatsbyjs github-actions github-page github-pages lighthouse loadable-components progressive-web-app react reactjs service-worker styled-components tsparticles typescript webpack webpack-plugin workbox

Last synced: 23 Apr 2025

https://github.com/jeffersonrpm/landing-page-comida-bebida

A simple landing page made in HTML and CSS has five anchors. The theme chosen is related to a restaurant in my city. In this project, grid, accessibility, responsive design, mobile, transitions, among others, were addressed.

accessibility css-animation css-flexbox css-grid css3 desktop-first food homemade html5 landing-page mobile responsive-web-design transition-animation

Last synced: 28 Oct 2025

https://github.com/edumigueis/annimay

A collection of pure CSS3 lightweight animations that can be applied to links, sections, buttons and much more. Available in SCSS, CSS and LESS

animation buttons css css-animation css-animation-effects css-animations css-framework css-icons css3 css3-animation css3-animations css3-features css3-transitions lightweight-css-framework web

Last synced: 02 Aug 2025

https://github.com/sakryukov/web-presentation

Web browser-based application, analogous to those office presentation applications, in a single file.

animation css css-animation html javascript presentation raster-graphics svg svg-animation vector-graphics video

Last synced: 02 Mar 2026

https://github.com/h0rn0chse/nightsky

WebComponent for a night sky full of stars parallax background made with css only

background css css-animation field night nightsky parallax sky star starfield webcomponent

Last synced: 12 Apr 2025

https://github.com/guillaume-rygn/animation.style

🔮 Free Open Source library of CSS animations! It has never been so easy to animate elements

animation css css-animation

Last synced: 13 Apr 2025

https://github.com/sifrr/sifrr-animate

:cyclone: Animate any mutable object's properties in JS using requestAnimationFrame with Promise based API

animate animation anime animejs css-animation sifrr

Last synced: 28 Oct 2025

https://github.com/merovinggen/css-3d-dungeon

A small web quest in 3D medieval dungeon environment, built on web technologies using native html and css. Textures and lighting were created using css blend modes & transform.

3d-game css css-3d css-animation css-game css-transform css-transition game html html-css html-game html-javascript-css javascript javascript-game

Last synced: 22 Apr 2025

https://github.com/saeedkohansal/javascript-internet-connection-checker-real-time

It's a Vanilla JavaScript widget that can detect a user's internet connection status and display a notification if the user disconnected from the internet in real-time, you can customize this widget and use it on your website or web application, I also created 2 CSS animations to display and hiding that notification

client-side clientside connection-checker css css-animation gilgeekify html internet-connection internet-connection-checker internetconnectionchecker javascript js live network network-tools real-time realtime web-browser web-development widget

Last synced: 27 Jul 2025

https://github.com/hamzalodhi2023/mouse-effect

This is Mousee Pointer glowing effect using HTML and CSS

css-animation css-animation-effects css-animations css3 mouse mouse-effect pointer-effect thml5

Last synced: 07 May 2025

https://github.com/n3ps/package-json-credits

Turn any package.json into movie credits

css-animation gridsome package-json vue

Last synced: 10 Jul 2025

https://github.com/saganaki22/lofilamp

Interactive SVG lava lamp with dynamic blob animations, color customization, and integrated lofi music player.

css-animation interactive-art javascript lava-lamp lofi-music relaxation-tool svg-animation web-animation

Last synced: 15 Feb 2026

https://github.com/monzanifabio/svg-jelly-button

A jelly like SVG animated and interactive button

animated-button css-animation svg-animations

Last synced: 18 Jun 2025

https://github.com/eminqasimov/3d-box-css

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

3d-box 3d-css-box-animation animation css css-animation pure-css-box

Last synced: 13 Sep 2025

https://github.com/stefanluks/background-gradient-animation

This project is a simple javascript application that controls and manipulates a gradient in the background. The system has three color options, when changed the value of the inputs is automatically changed in the background. System also has two other functions, speed and direction.

css-animation gradient-efect javascript-applications

Last synced: 10 Jun 2026

https://github.com/izzyluuuuh/card-hover-effects

Card Hover Effects Using HTML & CSS

card-design css-animation responsive-design

Last synced: 21 Mar 2025

https://github.com/cmachu/ewok

Ewok is a tiny, cute SCSS style sheet with classes and mixins. Like as every other, this Ewok will help you fade out, fade in, blink or glimpse!

animation css css-animation css-animations css-framework css-transitions css3 css3-animations design front-end front-end-development mixin-library mixins scss scss-library scss-mixin scss-mixins scss-styles scss-template starwars

Last synced: 09 May 2026

https://github.com/evoluteur/braille-text

Simple Javascript and CSS to display Braille (English grade 1) on web pages with hover effect for translation.

animation-css braille braille-alphabet braille-characters braille-display braille-symbols braille-translator css-animation css-animations sprite

Last synced: 13 May 2026

https://github.com/i-m-hossain/responsive-football

assignment two of programming hero

css css-animation html media-query responsive

Last synced: 22 Mar 2025

https://github.com/excellence-arch/moving-car

A moving car made with css animation

css css-animation html

Last synced: 22 Jun 2025

https://github.com/kurt-liao/css-animation-gallery

Various of css animated components gallery.

animated-component animation css css-animation gallery

Last synced: 08 Apr 2025

https://github.com/mathvsk/nlw-esports-explorer

Website using css animation and another concepts

css-animation html nlw-esports-explorer rocketseat

Last synced: 03 Sep 2025

https://github.com/saeedkohansal/javascript-help-and-faq-responsive-widget-with-animations

This is a responsive widget that can display help and faq about your Business using vanilla javascript and some CSS animations, you can customize this widget and use it on your website or web application this is a frontend widget without any server requests and database. In JavaScript, I'm using dummy data as questions and answers but you can make a fetch or XMLHttpRequest to your API and get your data from the server and your database.

animation answer css-animation css3 faq frequently-asked-questions gilgeekify help html5 javascript js question responsive responsive-design vanillajavascript web-animation web-development webdevelopment widget widget-development

Last synced: 25 Mar 2025

https://github.com/mdusmanansari/christmas-tree-css-art

Christmas Tree 🎄🎅🏻 made pure CSS

christmas css css-animation css-art css3 html html5

Last synced: 12 Apr 2025

https://github.com/ehsan-shv/vb-loaders

Loader components for Vue3.

css-animation nuxt3 vue3

Last synced: 04 Apr 2025

https://github.com/abuzar-alvi/css-only-animated-hero-section

A clean, lightweight hero section with smooth animations — built using pure CSS without JavaScript.

animation-effects css css-animation frontend hero-section html-css minimal-ui no-javascript pure-css responsive-design ui-design web-design

Last synced: 06 Aug 2025

https://github.com/yashi-singh-1/day-18-elastic

Achieved a visually captivating elastic animation effect with simple CSS transformations and key-frames. The solution turned out to be easier than expected.

animation css css-animation css3 cssanimation elastic-effect elasticeffect front-end front-end-challenge frontend frontend-challenge frontendchallenge html html5 web-animation web-design webanimation webdesign

Last synced: 15 Jun 2025

https://github.com/rh9891/lofilullabies

A music playing application with a simple user interface that features animation, the Audio API (play method, pause method, timeupdate event, etc.), and a dynamic progress bar.

audio-api css-animation html5-audio music-player vanilla-javascript

Last synced: 12 May 2026

https://github.com/devmnj/vue-img-cards

A simple Vue library of Image Card components with awesome CSS animation

css-animation vue vue-component-library vue-components vue-library

Last synced: 08 Sep 2025

https://github.com/sydinh/css-animation

CSS Animation :boom:

css css-animation my-repo

Last synced: 18 Mar 2025

https://github.com/min-thway-htut/ferris_wheel

Learning CSS animation by building a ferris wheel

css-animation css3 html5

Last synced: 17 May 2026

https://github.com/Aniketjain15/WWE-based-website-

WWE-based website using html and css

css css-animation css-animations css-flexbox html5

Last synced: 21 Dec 2025

https://github.com/mehediislamripon/countSoundRandColor-JS

Simple JavaScript DOM project. Count + Sound + RandomColor.

css-animation css-wave-effect css-waves dom-manipulation javascript js-count

Last synced: 02 Oct 2025

https://github.com/ag-sanjjeev/css-notes

This repository contains the basic and essential topics and their notes to learn the CSS as beginner.

css css-animation css-basics css-flexbox css-grid css-layout css-notes css-properties css-reference css-responsive css-transition css3 html-css learn-css responsive-layout web-design

Last synced: 14 Mar 2025

https://github.com/mehediislamripon/Car-Dealership-B4

This is a Car-Dealership website template created with bootstrap 4

bootstrap bootstrap4 css css-animation css3 font-awesome-5 html html5 jquery js responsive-web-design

Last synced: 02 Oct 2025

https://github.com/nocksock/osc-css

CSS properties to animate numeric values where they are needed using oscillators and envelopes.

animation css css-animation css-properties oscillators

Last synced: 25 Jan 2026

https://github.com/davigui2212/brainwave

Brainwave is a state-of-the-art neural decoder that transforms electroencephalogram (EEG) and brain signals into multimodal outputs including images, videos, and text.

ai binaural-beats-generator brain brainwave-entrainment css-animation deep-learning eeg-analysis eeg-signals generative-ai machine-learning mindwave muse-headband python typescript

Last synced: 27 Aug 2025

https://github.com/icelam/panic-relief

A breathing exercise that calms panic attacks.

anxiety css css-animation css3 panic panic-relief pug

Last synced: 05 May 2026

https://github.com/mehediislamripon/countsoundrandcolor-js

Simple JavaScript DOM project. Count + Sound + RandomColor.

css-animation css-wave-effect css-waves dom-manipulation javascript js-count

Last synced: 26 May 2026

https://github.com/agnaite/untz

listen to untzes 🪩

css-animation music music-player

Last synced: 15 Jul 2025

https://github.com/wangjs-jacky/jacky-css

单文件 Web 动效合集，每个动效附带可让 LLM 一次还原的高密度 Prompt 描述词

css-animation frontend gsap svg web-animation

Last synced: 28 May 2026

https://github.com/418e/lobstercss

Lightweight and simple animation library

css css-animation css-animations css-library lightweight lobster

Last synced: 09 Apr 2025

https://github.com/mehediislamripon/car-dealership-b4

This is a Car-Dealership website template created with bootstrap 4

bootstrap bootstrap4 css css-animation css3 font-awesome-5 html html5 jquery js responsive-web-design

Last synced: 13 Apr 2026

https://github.com/dotnetcarpenter/port-smil-to-css

Porting SMIL animation to CSS animation

css css-animation smil svg

Last synced: 06 Jul 2025

https://github.com/abdur-rahman-apu/js-cart-app-client

A responsive Cart Application built with vanilla JavaScript, JSON Server, and animated with vanilla CSS! This app lets users browse products, add items to a cart, and modify items in the cart with OOP-based JavaScript.

cart css-animation fullstack-javascript html-css-javascript json-server oop responsive-web-design rest-api vanilla-javascript

Last synced: 10 Jun 2026

https://github.com/jancassio/mouse-coordinates-with-css-vars

Experimental project made with SvelteKit to provide mouse coordinates to CSS variables.

css css-animation svelte sveltekit

Last synced: 14 Apr 2026

https://github.com/ericrihm/youreout

You're Out — a 5-act interactive cyber horror experience about hitting your AI usage limit

ai creative-coding css-animation developer-humor horror interactive javascript web-art web-audio-api

Last synced: 31 May 2026

https://github.com/iamtheasad/twist-multi-page

# Multi Page Fully Mobile Responsive Agency Website # 100% W3C Validated HTML Markup & CSS Code # html5, css3, bootstrap4, jQuery, flexbox, slick-carousel, slicknav, isotope technology are used here

bootstrap css-animation css3 css3-flexbox font-awesome html5 isotope jquery-plugin slick-carousel

Last synced: 20 Apr 2026

https://github.com/slickepinne/svg-animation

A simple SVG animation

css-animation

Last synced: 24 Jan 2026

https://github.com/gokemon/angular-animation

WIP~ CSS animation and AngularJS ~ still a work in progress

angularjs css-animation

Last synced: 18 Apr 2026

https://github.com/hasibcoderlab/animated-login-form

"A modern and animated login form with a responsive design and smooth background effects. Built using HTML, CSS, and JavaScript, this project features interactive input fields, gradient animations, and a user-friendly interface. Perfect for learning or integrating into your web applications."

animated-login-form animated-login-page-ui css-after css-animation css3 html-css

Last synced: 21 Apr 2026

https://github.com/alaanvv/solar-system-orbit

Orbits made pure CSS

css-animation solar-system

Last synced: 27 Apr 2026

https://github.com/mahenrique94/video-loading-animation

Exemplo de projeto para vídeo no meu canal:

animation css css-animation css-animations css3

Last synced: 03 May 2026

https://github.com/yashi-singh-9/countdown-timer

A simple countdown timer that dynamically displays the time remaining until the New Year in months, days, hours, minutes, and seconds. Built with HTML, CSS, and JavaScript, it features a responsive design, hover animations, and a serene mountain background. When the countdown ends, it shows a festive "Happy New Year!" message.

countdowntimer css css-animation css-map dynamic-timer frontend-developement html javascript new-year-countdown resposive-design sass

Last synced: 04 May 2026

https://github.com/ahmed-maher77/similarity-game__test-your-memory

A fun and interactive card-matching game designed to test and improve memory skills. The game challenges players to match pairs of cards with minimal attempts, keeping track of their progress and performance. Perfect for casual gaming, brain training, or learning purposes.

3d-effect bootstrap brain-training card-matching-game cross-browser-compatibility css css-animation css-animations es6 font-awesome html html-css-javascript interactive-game javascript memorize-game memory-game oop responsive-layout web-audio-api web-game-development

Last synced: 07 May 2026