Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

Animation

Animation is a method in which figures are manipulated to appear as moving images.

https://github.com/vi/rendercsv

Tool to convert CSV table to a picture.

animation csv csv2pic csv2png data-analysis picture png table table-renderer visualization

Last synced: 16 Oct 2024

https://github.com/alexfigliolia/react-animated-number

A react component that animates between numeric values!

animation css numbers react typescript

Last synced: 27 Oct 2024

https://github.com/ezratech/ezhealth

Healthy is something that is on everyone’s mind at some point. We put a bit of a focus on eating, fitness and plan your healthy life cycle with this one. We have more colorful style features for you.

android animation colorful expo firebase healthy ios react-native realtime-database ui-design ux-design

Last synced: 23 Oct 2024

https://github.com/abdullahmuhammed5/matching-game-project

Memory game with javascript and jquery. You can visit my app here :https://abdullahmuhammed5.github.io/Matching-Game-Project/

animation card css dom dom-manipulation game html javascript jquery matching-game udacity udacity-frontend-nanodegree udacity-nanodegree

Last synced: 05 Nov 2024

https://github.com/xstrom/slark

Slark is for viewing multiple animated or static images at the same time.

animation gallery gif jpeg png rust webp

Last synced: 13 Oct 2024

https://github.com/balletie/tetritis

Making tetris in C++ using SFML, just for fun

animation c-plus-plus game sfml sfml2 tetris tetris-game

Last synced: 31 Oct 2024

https://github.com/manuelduarte077/animatedswiftui

🧡 💫 SwiftUI Rive Animated App

animation rive swift swiftui

Last synced: 16 Nov 2024

https://github.com/judemanutd/WaveLoadingView

An Android library providing to realize wave loading effect.

android animation wave

Last synced: 18 Nov 2024

https://github.com/qc20/gameoflife

This project implements Conway's Game of Life, a cellular automaton simulation, using JavaScript and HTML5 Canvas.

animation css gameoflife html interactive-visualizations jon-conway

Last synced: 08 Nov 2024

https://github.com/dimuthruwantha/react-dynamic-animated-tree

npm package of react-animated-tree

animated animation react treeview

Last synced: 13 Nov 2024

https://github.com/artelydev/use-listen-on-animation-frame

Better alternative to setInterval for frequent changes in your UI

animation animation-frame interval react react-hook use-animation-frame

Last synced: 14 Nov 2024

https://github.com/shuklaritvik06/react-native-metaphors

This repository offers a collection of code snippets showcasing diverse functionalities, serving as metaphorical examples for developing innovative features in React Native applications.

animation firebase navigation oauth2 payment react-native

Last synced: 16 Nov 2024

https://github.com/slickcharmer/animation-landing-page-basic

Animation Landing Page using GSAP on React. You can use it on your project. Topics react javascript animation scss

animation javascript react scss

Last synced: 15 Nov 2024

https://github.com/juliolmuller/poseidon-splash-screen

A cool splash screen for the Poseidon brand.

animation css html keyframes spa splash-screen svg

Last synced: 15 Nov 2024

https://github.com/amoshnin/js-d3

🚀 Advanced Data Visualizations (D3.js) and interactable animations. Huge variety of dynamic & interactive graphs and charts made with D3.js library

animation d3-js react visualization

Last synced: 18 Nov 2024

https://github.com/gubnik/incandescentlib

A minimalistic lib for providing close-to-vanila animations, utility and more

animation api forge minecraft minecraft-forge-mod minecraft-mod

Last synced: 31 Oct 2024

https://github.com/fe-hyunsu/endcreditmotion

🛹 motion endCredits.v2 (EasterEgg)

animation nextjs react recoil styled-components typescript

Last synced: 15 Nov 2024

https://github.com/joshuadeguzman/typedkt

Animated TextView effects for Android

android-library animation gradle jitpack kotlin text text-effects

Last synced: 15 Nov 2024

https://github.com/dmitriyakkerman/animejs-facade

Simple facade above Anime.js animation engine

animation animejs

Last synced: 05 Nov 2024

https://github.com/boazmohar/animateimages

Helper functions to make animations of images with corresponding traces and labels using matplotlib

animation matplotlib python

Last synced: 31 Oct 2024

https://github.com/felipethome/audio-visualization

Animation using the Web Audio API and Canvas

animation canvas webaudio-api

Last synced: 17 Nov 2024

https://github.com/ninivert/barnsley-fern-animated

Animated version of the Barnsley fern

animation barnsley-fern mathematics

Last synced: 09 Nov 2024

https://github.com/vimalcvs/confetti-animation

Confetti-Animation is a library for creating delightful confetti animations in Android apps. It provides an easy way to add colorful confetti effects to your app's UI.

animation animation-effects animation-library confetti confetti-animation confetti-ball confetti-view

Last synced: 20 Nov 2024

https://github.com/epsoft/login-form-animation-html-css

Login Form Animation with HTML CSS

animation css epsoft form html login

Last synced: 12 Nov 2024

https://github.com/sandravizz/intro--global-inequality

Visual Intro to the Dataviz Project about Global Inequality"

animation gasp javascript

Last synced: 07 Nov 2024

https://github.com/wassimoubaziz/prograss-steps

Welcome to the Progress Steps Web App! This project features a dynamic and animated progress steps component that enhances the user experience.

animation css oubaziz progress steps wassim

Last synced: 19 Nov 2024

https://github.com/wassimoubaziz/scroll-animation

Welcome to the Scroll Animation Web App! This project creates an engaging experience by introducing scroll-triggered animations

animation css javascript oubaziz scroll scroll-animation wassim

Last synced: 19 Nov 2024

https://github.com/marcosd59/threejs-party-scroller

Este proyecto utiliza THREE.js para crear una experiencia interactiva en 3D que simula una fiesta. Los usuarios pueden interactuar con objetos 3D como un toroide, una bola de discoteca y un avatar, y controlar la música a través de interacciones en la interfaz.

animation party threejs

Last synced: 07 Nov 2024

https://github.com/barai-vivek/tripsygametask

This is just an interview task. Task is described well in ReadMe file.

animation gamescreenui hybrid-application react-native-app timer

Last synced: 03 Nov 2024

https://github.com/strawhat19/sumit-transcription-form

A Transcription Form for a company called Sumit. This form features smooth animations and transitions between conditional form states, with a Black and Accented Yellow DNA Graphic Animation.

animation dna form transition

Last synced: 15 Nov 2024

https://github.com/ys-sudo/3dvranimation-with-interaction

Aframe VR 3d model animation with simple interaction

3d aframe animation vr

Last synced: 08 Nov 2024

https://github.com/arriaoedu123/ripple-effect-animation

Ripple effect animation made with CSS and JavaScript

animation css javascript ripple-effect

Last synced: 05 Nov 2024

https://github.com/wassimoubaziz/login-template

Welcome to the Animated Login Page project! This project provides a stylish and interactive login page with a captivating wave animation when selecting input fields.

animated animation css input login login-template oubaziz template wassim

Last synced: 19 Nov 2024

https://github.com/m039/clock-handle

A simple animation made with MonoGame

animation csharp monogame myra

Last synced: 11 Nov 2024

https://github.com/ashifolfi/lynx-animator

wip animation tool inspired by Adobe Flash/Animate

animation art imgui sdl2 vector-graphics

Last synced: 28 Oct 2024

https://github.com/wassimoubaziz/stopwatch

Welcome to the Stopwatch Web App project! This simple web app allows you to manage time with ease, providing basic functionalities such as start, pause, and reset.

animation css html javascript js oubaziz stopwatch time timer wassim

Last synced: 19 Nov 2024

https://github.com/wassimoubaziz/increment-counter

Welcome to the Increment Counter with Animation project! This project showcases a dynamic counter with a delightful animation, simulating the experience of watching your social media followers increase.

animation animations counter css html increment javascript oubaziz wassim

Last synced: 19 Nov 2024

https://github.com/wassimoubaziz/border-color-moving

Celebrate birthdays in style with a vibrant and dynamic Happy Birthday animation! The project features a rotating border of lively colors along with a cheerful message.

animation border color css oubaziz rotate table transiction wassim

Last synced: 19 Nov 2024

https://github.com/yashi-singh-1/pulsing-dot

This project demonstrates a simple animation of pulsing dots using HTML and CSS. Each dot pulses with a different color and is centered within a container, which itself is centered on the page.

animation css css3 front-end front-end-challenge front-end-development frontend frontendchallanges frontenddevelopment html html5 keyword

Last synced: 10 Nov 2024

https://github.com/yashi-singh-1/day-02-menu-icon

Menu Icon: Used on almost every website by now, simple but impressively animated it becomes a real eye-catcher

animation css css3 html html5 javascript responsive-design

Last synced: 10 Nov 2024

https://github.com/wassimoubaziz/simon-game

Welcome to the Simon Game! Test your memory and reflexes by following the pattern of sounds and lights. See how far you can go without making a mistake! 🎵🔴🟢🟡🔵

animation css game javascript oubaziz simon-game wassim

Last synced: 19 Nov 2024

https://github.com/ranjeet2311/parcel-bundler

Parcel Bundler, Vanilla Javascript, Scss, Html, Npm, Form validator, responsive, pseudo-selectors.

animation es6-javascript form-validation html5 javascript npm parcel-bundler pseudo-selectors responsive scss

Last synced: 20 Nov 2024

https://github.com/yashi-singh-1/product-card

This challenge is a simple yet elegant fashion product card that showcases a dress with an auto-sliding image carousel, size selection options, and the ability to flip the card to reveal more details.

animation animation-css challenege css css3 front-end front-end-challenge front-end-development front-end-web-development frontend frontend-challenge frontend-development html html5 javascript product-card

Last synced: 10 Nov 2024

https://github.com/amphiluke/1f483

“Dancing men” animation 💃

animation dancing-men

Last synced: 16 Oct 2024

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: 10 Nov 2024

https://github.com/yashi-singh-1/day-41-error-modal

The Error Modal challenge requires creating an error message modal with HTML, CSS and JavaScript. This task focuses on building an interactive and styles UI Component.

animation animations css css-animation css-animations error-message frontend-development html html-css html-css-javascript html-css-js htmlcss htmlcssjs javascript vanilla-javascript vanillajavascript web-developement webdevelopement

Last synced: 10 Nov 2024

https://github.com/rayraegah/fluidgl

WebGL simulation of fluid dynamics

animation webgl

Last synced: 27 Oct 2024

https://github.com/khaledsmq/rk4thspring

A powerful spring animation library for natural, smooth motion.

animation motion physics spring

Last synced: 08 Nov 2024

https://github.com/yashi-singh-1/day-03-the-pyramide

The Pyramide: Not as challenging as the real pyramids in Egypt, but the shadow path is not easy.

animation css css3 front-end front-end-challenge frontend frontend-challenge frontend-development html html5 keyframes

Last synced: 10 Nov 2024

https://github.com/faridvatani/fullscreen-overlay-menu

Fullscreen responsive overlay menu with image parallax effect using HTML, CSS, JavaScript, and GSAP!

animation css gsap html javascript ui

Last synced: 11 Nov 2024

https://github.com/faridvatani/circular-text-slider-scroll-animation

This project is a stunning circular text slider animations using HTML, CSS, JavaScript and GSAP!

animation gsap javascript scroll slider

Last synced: 11 Nov 2024

https://github.com/faridvatani/traceable-mousemove-trail-animation

The Traceable mouse move Trail Animation with HTML, CSS, JS.

animation css html javascript js lenis scrolling trail

Last synced: 11 Nov 2024

https://github.com/yashi-singh-1/day-06-profile

Profile: Who of you knows how many social media profiles you have already created? For a refreshing twist, you can also create one yourself.

animation challenege css css3 frontend frontend-challenges frontenddevelopment html html5 profile-card

Last synced: 10 Nov 2024

https://github.com/12gustavo21/spirited-away

💫Project to train knowledge of: ReactJs, styled-components, Hygraph, Apollo Client and responsive layout 🚀

animation apollo-client apollographql codelandia codelandia-challenges hygraph reactjs responsive-layout responsive-website styled-components

Last synced: 12 Nov 2024

https://github.com/mvaibhav131/matterjs_project

Provide the 2D,3D Animation effect of the website,application ,portfolio using matterjs

3d-graphics animation bash git javascript matterjs nodejs react typescript

Last synced: 14 Nov 2024

https://github.com/boostvolt/swift-courses

An iOS app with custom tab bar in SwiftUI.

animation gesture navigation swift swiftui swipe tabbar

Last synced: 19 Nov 2024

https://github.com/mbzkhan/redux-counter-app

Redux Counter App is a simple counter application developed using React Native and Redux Toolkit. It provides users with the ability to increment, decrement, and reset a counter value, along with customizable increment and decrement values. The app features smooth animations for a delightful user experience.

animation counter-app cross-platform javascript js mobile-app react-native react-native-app redux redux-toolkit

Last synced: 11 Nov 2024

https://github.com/mrcheater/infographics-core

shapes, draw, 2D primitives, animation

animation draw primitives shapes

Last synced: 11 Nov 2024

https://github.com/unsignedarduino/ledshim-boot

A simple script to show an animation on a Pimoroni Ledshim when the internet is available!

animation helper led raspberry-pi

Last synced: 10 Nov 2024

https://github.com/jcoreio/react-router-fader

animated fade between child routes with react-router version 2 or 3

animation fade react-component react-router react-router-v3 transition

Last synced: 27 Sep 2024

https://github.com/dmitriyakkerman/anime-in-viewport

Simple way for triggering Anime.js animations on scroll event

animation animejs javascript

Last synced: 05 Nov 2024

https://github.com/seedv/seedlangexamples

Example applications that demonstrate the features of SeedLang.

animation education game-development scripting scripting-engine unity

Last synced: 13 Nov 2024

https://github.com/eucalyptus-viminalis/casio_2009

Casio calculator web simulation

animation audio css html javascript

Last synced: 12 Nov 2024

https://github.com/earth-hominid/3d-image-holder

A 3D image holder built with ThreeJS & React

3d animation fiber react renderer threejs

Last synced: 15 Nov 2024

https://github.com/basedhound/scroll-animation_js

Landing page featuring a modern scroll animation, built using only HTML, CSS, and JavaScript, without any libraries. This design incorporates smooth, engaging animations, and modern aesthetic.

animation css design html javascript js scroll scrolling

Last synced: 09 Nov 2024

https://github.com/fpapado/rive-offscreen-canvas

A demo/proof of concept of using Rive backed by an OffScreenCanvas.

animation offscreencanvas rive

Last synced: 11 Nov 2024

https://github.com/macagua/daddydesign-css3-preloader

A Pure CSS3 Preloader with Animations Demostration

animation animations-demostration css3-preloader examples examples-css

Last synced: 11 Nov 2024

https://github.com/helcioitiyama/landmarks-list

Studies of React Native Shared Element & React Navigation Shared Element inspired by Catalin Miron

animation expo react-native react-native-shared-element react-navigation-shared-element typescript

Last synced: 09 Nov 2024

https://github.com/aportela/wc-vue-video-slider

vue component for animating videos with a slider (can be used to simulate a 3d animation)

3d animation slider video vite vue

Last synced: 09 Nov 2024

https://github.com/alfredo1995/dotween

DOTween is a fast, efficient, fully type-safe object-oriented animation engine.

animation csharp dotween unity

Last synced: 19 Nov 2024

https://github.com/debapriyasengupta28/frameillusioner.com

Website of Frame Illusioner Studio, an animation studio specializing in 3D animations for film, television, and gaming. The website serves as a platform to showcase the studio's services, projects, and vision.

animation animation-studio company company-webpage company-website companywebsite responsive-web-design webpage website

Last synced: 08 Nov 2024

https://github.com/bemxself/animationchain

Make animations in a promise-like chain.

animation ios swift

Last synced: 09 Nov 2024

https://github.com/tanvirongh/window-opacifier

Rust crate for fine-grained x11 window opacity control

animation crate opacity picom rust transparency window x11

Last synced: 02 Nov 2024

https://github.com/tordona/glaxnimate

Unofficial Build Windows ARM64 - Glaxnimate - User-friendly app for vector animation and motion design

animation arm64 motion vector windows

Last synced: 26 Sep 2024

https://github.com/kefniark/micro-fatina

Micro tweening library (design to be used in js13k)

animation js library lightweight tween

Last synced: 12 Nov 2024

https://github.com/kush-x7/product-preview-card-component

Frontend Mentor challenge solution

animation css html5

Last synced: 10 Nov 2024

https://github.com/dorkatzir/digisolve

Simple Responsive Onepage Website

animation css html js responsive

Last synced: 12 Nov 2024

https://github.com/gperilli/three-cube

A ThreeJS animation / background.

animation background threejs

Last synced: 20 Oct 2024

https://github.com/seeratawan01/anivideo.js

AniVideo.js is a simple, light-weighted and easy to use JavaScript library to combine animations (gifs) and a video together to create beautiful websites.

animation css gif html5 video

Last synced: 09 Nov 2024

https://github.com/shahzaibdev355/winker

This website is maded for financial company. They provide credit, money transfer services etc.

animation css3 dropdown gif html5 javascript livechat

Last synced: 09 Nov 2024

https://github.com/jcs090218/jcspygm_lib

Bundle of tools helps enhance the speed of making game with PyGm.

animation camera game library scene sound wrapper

Last synced: 25 Oct 2024

Animation Awesome Lists
awesome-animation 30 awesome-ios 160 awesome-web-animation 64 awesome-xamarin-forms 521 motion-ui-design 147 arctic 34 awesome-web-styling 82 awesome-gradient 67 awesome-terminal-art 55 awesome-time-paradox-movies 60 gamedev-free-resources 193 awesome-ui-patterns 41
Animation Categories
UI 285 Articles 278 Content 140 Plugins 102 Uncategorized 86 Guidelines 63 🎨 Art and Animation 60 Requirements 53 Software 52 Resources for inspiration 51 Libraries 47 Movies 36 Tools 36 Project List 32 ARCTIC 🥶: A Dataset for Dexterous Bimanual Hand-Object Manipulation 29 Swift 24 Books 20 Speeches, presentations, videos 19 MVVM 17 Common 17