Data

Tools

Indexes

Applications

Experiments

Awesome

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

Projects in Awesome Lists tagged with animation-css

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

https://github.com/triggerjs/trigger

A library for creating scroll-based animation with HTML attributes and CSS variables.

animation animation-css animation-library css javascript

Last synced: 15 May 2025

https://github.com/yamada-ui/yamada-ui

React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion.

a11y animation animation-css dark-mode emotion framer-motion react responsive-design ui ui-components ui-design ui-library uikit yamada-ui

Last synced: 16 Feb 2026

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: 21 Feb 2026

https://github.com/Spyware007/Animating-Buttons

Explore Amazing Buttons animation for your next project. 🤩An initiative by GDSC-DYPCOE for Hactoberfest. 🚀

animated animated-button animated-buttons animation animation-css button button-animation buttons css hacktoberfest hacktoberfest-accepted html javascript reactjs

Last synced: 27 Feb 2025

https://github.com/spyware007/animating-buttons

Explore Amazing Buttons animation for your next project. 🤩An initiative by GDSC-DYPCOE for Hactoberfest. 🚀

animated animated-button animated-buttons animation animation-css button button-animation buttons css hacktoberfest hacktoberfest-accepted html javascript reactjs

Last synced: 12 Apr 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/codebucks27/3d-landing-page-for-apple-iphone

Create awesome landing page for Apple iPhone 14 using Three JS and React JS. This website uses threeJS to render 3D model of iPhone and GSAP for scrolling animations. If you want to learn how to create this website then you can follow tutorial link given in the ReadMe.

animation-css gsap landing-page react reactjs rendering-3d-graphics scrolltrigger threejs threejs-example threejs-template webapp website-template

Last synced: 14 Apr 2025

https://github.com/codebucks27/apple-iphone-3d-landing-page-starter-code

Create awesome landing page for Apple iPhone 14 using Three JS and React JS. This website uses threeJS to render 3D model of iPhone and GSAP for scrolling animations. If you want to learn how to create this website then you can follow tutorial link given in the ReadMe.

animation-css creative-coding gsap gsap-scrolltrigger javascript landing-page react reactjs rendering-3d-graphics scrolltrigger styled-components threejs website-template

Last synced: 14 Apr 2025

https://github.com/alvaromontoro/bezos-calculator

Small app that shows how much Jeff Bezos gained since the user started reading the page.

animation-css bezos calculator css earnings hacktoberfest hacktoberfest2022 html

Last synced: 02 Apr 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/koolkishan/travel-agency-template

Travel Agency Responsive Website Design Using HTML, CSS and JavaScript.

animation-css css css3 html javascript responsive-web-design scroll-reveal-animations scss youtube

Last synced: 23 Apr 2025

https://github.com/weaverse/animate-loading-bar

1kb loading bar like Shopify, Github, JSFiddle... that works!

animation-css github github-loading-bar jsfiddle-loading-bar loading-bar shopify-loading tiny

Last synced: 21 Mar 2025

https://github.com/le-nn/blazor-transition-group

An easy way to perform animations when a Blazor component enters or leaves the DOM

animation animation-css asp-net-core blazor blazor-component blazor-webassembly

Last synced: 10 Apr 2025

https://github.com/yashfalke77/portfolio

Hello! My name is Yash Falke and this is my portfolio .I’m a Front-End Developer located in India and i have a serious passion for UI effects, animations and creating intuitive, dynamic user experiences.

animation-css portfolio react-portfolio reactjs scss

Last synced: 25 Jun 2025

https://github.com/minhomega/react-theme-switch-animation

React Theme Switch with smooth animation supports dark and light modes on NextJS, ReactJS, and more ...

animation-css animation-effects dark-theme hook nextjs nextjs14-typescript react-themes reactjs theme typescript

Last synced: 16 May 2025

https://github.com/emiliosnic/icon-patterns

Include animated CSS icon patterns in your background

animation-css animation-effects css3 icon-patterns iconset patterns

Last synced: 11 Oct 2025

https://github.com/d-coder111/the-wizards-sorting-hat

The-Wizards-Sorting-Hat🎩🧙‍♂️✨- A fun web-based quiz that determines which Hogwarts House (Gryffindor, Hufflepuff, Ravenclaw, or Slytherin) you belong to based on your personality traits.

animation-css begginer-project beginner-code beginner-friendly contributions-welcome css design figma hacktoberfest hacktoberfest-accepted html javascript web webapp webdevelopment website

Last synced: 27 Oct 2025

https://github.com/yamada-ui/yamada-components

A collection of React UI components of the Yamada, by the Yamada, for the Yamada, built with Yamada UI.

animation animation-css dark-mode emotion framer-motion react responsive-design ui ui-components ui-design ui-library uikit yamada-ui

Last synced: 08 Oct 2025

https://github.com/karthik558/glassfolio

This is an open-source portfolio with a minimalist design inspired by Glassmorphism. It is designed to be simple yet visually appealing and can be customized to suit individual preferences.

animation-css html-css interactive-design opensource-porfolio-website responsive-web-design

Last synced: 10 Sep 2025

https://github.com/ricmaloy/-30diasdecss

30 dias de CSS3 é um desafio que vou aceitar (proposto por @MilenaCarecho), que visa melhorar minhas habilidades em HTML5 e CSS3 através da realização de mini projetos

animation-css css css3 html html5

Last synced: 25 Oct 2025

https://github.com/sandeepvashishtha/wanna-date

This project is a creative and interactive web application that presents a playful dating invitation. The main feature is a digital card that, when hovered over, flips open to reveal a message asking the viewer, "Wanna Date?".

animation animation-css collaborate communityexchange css github-campus-experts github-pages hacktoberfest html interactive student-vscode web web-application

Last synced: 08 Apr 2025

https://github.com/sharjeelsafdar/project9a-shopping-cart-with-redux

This shopping cart web app is built to learn and demonstrate the use of Redux with react. The app uses @reduxjs/toolkit library which is an official opinionated version of react-redux. The app is developed using Test Driven Development (TDD) approach.

animation-css netlify react redux reduxtoolkit state-management tdd typescript

Last synced: 16 Aug 2025

https://github.com/soumyadip007/event-management-portfolio-webpage-uemk

Event-Management-Portfolio-WebPage for a Web-Designing Olympiad.

animation-css bootstrap4 css git-host html javascript jquery-plugin vanila-js

Last synced: 26 Oct 2025

https://github.com/rxliuli/magia

一个复刻的可爱的动画网站（魔法少女小圆），源项目是 https://magia.cyris.moe/

animation-css

Last synced: 16 Jul 2025

https://github.com/arifnextdev/pc-guard

PC Guard is an anti-virus security project designed to protect your computer against malware and viruses. The platform is built using JavaScript, HTML, and CSS animation.

animation-css css html javascript javascript-animation

Last synced: 28 Apr 2025

https://github.com/yamada-ui/yamada-docs

React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion.

animation animation-css dark-mode emotion framer-motion react reactjs responsive-design ui ui-components ui-design ui-library uikit yamada-ui

Last synced: 28 Apr 2025

https://github.com/starknightt/falling-stars

The Falling Stars project is a fun and dynamic web animation created using HTML, CSS, and JavaScript. It brings a playful touch to your webpage by simulating stars falling from the top to the bottom with a rotation animation.

animation animation-css animation-effects dynamic-programming html-css-javascript stars

Last synced: 19 Sep 2025

https://github.com/nickemma/microverse-lazy-coders

Microverse lazy coders is a website where users can check out mentors and schedule a session with a mentor.

animation-css aos-animation css react

Last synced: 09 Oct 2025

https://github.com/mayurjadhav2002/like-button-celebration

Like-button-celebration designed to add animated buttons for liking, unliking, upvoting, and custom interactions to your blogs, articles, and web content. With this library, you can easily integrate interactive buttons that celebrate user clicks, adding delightful animations to your web applications.

animation-css button javascript-library like npm npm-package twitter-like

Last synced: 01 Jul 2025

https://github.com/sayan-maity/tourism

This is an Travel and Tour Website made for the tourists

animation-css css html5 javascript scrollreveal-js

Last synced: 16 Apr 2025

https://github.com/origenstudio/react-alphabet-soup

Create super cool text animations based on an alphabet soup concept

animation animation-css css jss react text-animation

Last synced: 25 Oct 2025

https://github.com/ayezabashir/vanilla-javascript-projects

This repository contains mini web projects made using HTML, CSS and Vanilla Javascript.

animation-css api await-async dom-manipulation fetch-api javascript miniprojects

Last synced: 08 Oct 2025

https://github.com/yalogica/flashy

Yet another lightbox jQuery plugin for creating popups with focus on stunning effects and performance

animation-css gallery jquery lightbox modal plugin popup slider

Last synced: 28 Jul 2025

https://github.com/elena-in-code/css-snow-fall-animation

Css Snow Fall Animation - Pure CSS

animation-css css css3 snow

Last synced: 12 Apr 2025

https://github.com/niladrix719/ahead-ui

A UI website of Ahead dribbble App made using GSAP Animation Library

animation-css css frontend gsap-animation nextjs ui

Last synced: 02 Sep 2025

https://github.com/ahammadshawki8/birthday-gift

🎁 The best birthday gift for a developer; created with CSS animation.

animation-css birthday birthday-gift

Last synced: 20 Jun 2025

https://github.com/degjs/scrollto

Animated scrolling to an element or position

animation-css

Last synced: 09 Apr 2025

https://github.com/shafiuyushawu/shafiuportfoliomain

A personal portfolio website that describes the qualities of me as a Software Engineer, the technologies I am familiar with. The web page is still in it youthful stage starting mobile version.

animation-css css3 javascript react react-hooks rxjs-observables

Last synced: 23 Jul 2025

https://github.com/bryandejesusrt/efectohoverone

🧑🏽‍🎨Este proyecto es una práctica de mis habilidades con el lenguaje de estilos en cascada CSS, aquí pude practicar temas como son las Pseudo-clases en este caso los efectos hover y transiciones, me gusto mucho realizar este proyecto.

animation-css css-animations css3 css3-animations

Last synced: 24 Feb 2025

https://github.com/vann-dev/vann.my.id

My Personal Website, wanna visit old website?, https://old.vann.my.id

animation animation-css css example gsap html nextjs portfolio portfolio-site portoflio-website react responsive tailwindcss website

Last synced: 06 Jul 2025

https://github.com/mdusmanansari/blooming-flowers-with-falling-leaves-pure-css

blooming flowers with falling leaves ( Pure CSS ART 🎨)

animation animation-css css css3 html5

Last synced: 31 Oct 2025

https://github.com/timonwa/animate-css-grid

Creating smoother CSS transitions with Animate CSS Grid

animation animation-css article article-publisher css css-animations css-grid writing-articles

Last synced: 30 Oct 2025

https://github.com/chrisroland/defg-website

A cloud hosting platform built with HTML & CSS, animations, flexbox & grids. Created a personal Bootstrap-like css-utility classes.

animation-css bootstrap flexbox-grid html-css

Last synced: 12 Apr 2025

https://github.com/sfinx13/portfolio-website

It is a modern portfolio website for creating outstanding portfolios.

animation-css css3 flexbox-css html5 responsive-design

Last synced: 11 Oct 2025

https://github.com/starknightt/light-bulb

A creative and interactive light bulb animation with a switch, built using HTML, CSS, and JavaScript.

animation-css bulb css3 html-css-javascript javascript light

Last synced: 15 Apr 2026

https://github.com/jomagene/hng12-stage3-ai-text-interface

AI-Powered Text Processing Interface is a Next.js web app that leverages Chrome’s AI APIs for language detection, summarization, and translation in a chat-like interface. It uses Tailwind CSS for styling and handles text processing asynchronously with proper error feedback.

animation-css chrome-ai hot-toast language-detection nextjs15 summarization translator

Last synced: 04 Mar 2026

https://github.com/ajay-dhangar/css-handson-5

CSS Animation, Transition, Transform

animation animation-css css tranform translation

Last synced: 30 Mar 2025

https://github.com/danishzulfiqar/web-deploy-ref

Some references to HTML , CSS and Javascript

animation-css css html javascript nodejs

Last synced: 07 Apr 2026

https://github.com/bryandejesusrt/website-animate-waterblue

🧙‍♂️Cover de sitio web, con animación de burbuja en CSS, con esta pequeña practica estoy profundizando en como hacer animaciones en CSS para mejorar mis habilidades como diseñador FrontEnd y asi tener una mejor experiencia en el area.

animation-css css frontend ui

Last synced: 18 Apr 2026

https://github.com/program52bc/birthday

Birthday webpage

animation-css css html javascript

Last synced: 14 Aug 2025

https://github.com/thiagoow/web-team-members-cards-glassmorphic-ui

Projeto de interface de usuário para exibição de Cards de membros de equipe/colaboradores. Animado e responsivo, desenvolvido com HTML e CSS

animation-css html-css practicing responsive-web-design tutorial user-experience user-interface ux-ui

Last synced: 04 Mar 2026

https://github.com/abhiramborige/dynamic-greetings

A simple Javascript Project, through which, we can share our greets to our dear ones !!.

animation-css greetings hacktoberfest

Last synced: 21 Mar 2025

https://github.com/fouad-gabr/examination-system

CodeExaminer is a dynamic web-based examination system developed as part of the Digital Egypt Pioneers Initiative. The exam focuses on programming questions related to JavaScript, It offers a seamless user experience with animated interfaces and robust functionalities tailored for educational assessments.

animation-css css3 html5 icons javascript

Last synced: 05 Jan 2026

https://github.com/epsoft/moon-animation

Moon Animation with html css

animation animation-css css epsoft html moon

Last synced: 22 Nov 2025

https://github.com/luuizz/projeto-starwars

Projeto final proporcionado pela Coderhouse com o intuito de praticar todos os conhecimentos adquiridos ao longo do curso.

animation-css aos-animation css css-flexbox css-grid desenvolvimento-web front-end-development html html-css-javascript javascript swapi-api swiper-js

Last synced: 05 Oct 2025

https://github.com/shivam010/solarsystemwebanimation

A simple HTML - CSS animation of Solar System involving Sun, Moon and Earth

animation animation-css css html

Last synced: 11 Nov 2025

https://github.com/anuja-rahul/css-animations

A collection of css animations that can be easily implemented in your websites to make them look more visually appealing and dynamic.

animation-css css3 css3-animation html5 javascript parallax web-design

Last synced: 13 Apr 2026

https://github.com/gmpsankalpa/birthday-wish

Dynamic and colorful birthday wish animation created using HTML, CSS, and JavaScript.🎉🎊

animation-css birthday-wishes css html javascript

Last synced: 26 Sep 2025

https://github.com/geekykiran/university-website

A fully responsive university website built with HTML and advanced CSS techniques. Features modern design principles like animations, transitions, flexbox, and grid for a seamless user experience. Perfect for showcasing academic institutions online! 🎓✨

animation-css css3 html5 media-queries

Last synced: 10 Jan 2026

https://github.com/ayeshamunawar-profile/getaway-tours

It is a website for a tourism company i.e. Getaway Tours. It shows the company details , discount packages and contact page. This website is developed on HTML, CSS and SASS

animation-css css getaway-tours npm sass sass-library sass-mixins tourism-company

Last synced: 06 Jan 2026

https://github.com/uiu-developers-hub/morsecode-translator

This is a real time Morse code translator. You can learn Morse code using this project. What's make it unique is its input system is similar to Telegraph machine.

animation-css cloudflare-pages css3 html5 javascript js morse-code

Last synced: 17 Feb 2026