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/zackakil/machine-learning-animations

Code for making machine learning training animation.

animation machine-learning matplotlib

Last synced: 13 Nov 2024

https://github.com/zachcp/flock-reagent

reagent version of tzach's flock

animation clojurescript react reagent

Last synced: 13 Nov 2024

https://github.com/unacoli/so_long

And thanks for all the fish !

2d-game animation c game makefile school-project

Last synced: 15 Nov 2024

https://github.com/aneekrahman/lazload

An image/video lazy loading library, which has a few cool images reveal effect after it loads the image

animation effect image images javascript lazy load loading nodejs reveal transition video

Last synced: 15 Nov 2024

https://github.com/catseye/kinoje

MIRROR of https://codeberg.org/catseye/kinoje : A template-based animation tool

animation dsl movie template-engine

Last synced: 15 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/gurubalan-git/race-game

A race game using Graphics header files and custom animations.

animation animation-library c cpp game graphics-library

Last synced: 15 Nov 2024

https://github.com/pankajkanani/resume-reactjs

Check react JS resume project by getting this link https://resume-pankaj.netlify.app/

animation react react-hooks reactjs responsive responsive-design

Last synced: 15 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/masonedotcloud/animate-url

Questo progetto anima l'URL, il titolo e il contenuto della pagina utilizzando una sequenza di emoji

animation dynamic-title emoji favicon frontend html html5 interactive javascript user-experience web web-design

Last synced: 15 Nov 2024

https://github.com/mehmet-github06/react-form-input

This project contains a simple web application for validating user input data in a registration form. The application performs basic form validation processes and notifies the user of any errors.

animation events html-css-javascript props-and-state-components react react-bootstrap usestate-hook

Last synced: 15 Nov 2024

https://github.com/derekli66/maddisc

My first proud of App project in my Life. I was combining Core Graphic, Core Animation, Core Data and UIKit to build my first big App. It took me through the bottle neck of Objective-C programming into the world of App development.

animation coreanimation coredata coregraphics ios-app

Last synced: 14 Nov 2024

https://github.com/mariodudjak/angularanimations

Angular 6 application which demonstrates usage of animations in Angular framework. Application is developed within the Angular 6 - The Complete Guide Udemy course.

angular-animations angular6 animation

Last synced: 15 Nov 2024

https://github.com/marssaljr/shake-browser

Chrome Extension that shakes your webpage

animation chrome-extension

Last synced: 16 Nov 2024

https://github.com/nkg447/randomarc

creates a random abstract of arcs

abstract animation js js-games

Last synced: 15 Nov 2024

https://github.com/stylescape/move.gl

User eXperience Toolkit

animation css move scss stylescape transition

Last synced: 16 Nov 2024

https://github.com/mehrajlatifli/animation-of-button

Example of Animation of Button in XAML

animation button csharp rgb wpf xaml

Last synced: 14 Nov 2024

https://github.com/gitpaulo/fsm-visualisation

🔢 A tool for generation, visualisation and interaction with theoretical finite state machines.

animation finite-state-machine fsm visualiser

Last synced: 13 Nov 2024

https://github.com/howdyankit/login_signup_in-angular

A modern Login and Signup UI-form build with Angular and Vanilla Javascript.

angular animation css html javascript

Last synced: 16 Nov 2024

https://github.com/henryquan/react-native-shifting-text

My first animated component that updates the text component with some animations

animation react-native

Last synced: 17 Nov 2024

https://github.com/ajaypatil1993/coffee-shop-app-react

Coffee Cafe is a modern, responsive coffee shop website built using React.js and Tailwind CSS. It delivers a sleek, animated user interface with interactive carousels, smooth animations, and iconography, providing an engaging experience for users to explore the menu and services.

animation aos css3 html5 react-carousel react-icons react-slick reactjs responsive-design tailwindcss

Last synced: 13 Nov 2024

https://github.com/dog1133299/risingrocketanimation

Rising Rocket Animation with pure CSS

animation

Last synced: 13 Nov 2024

https://github.com/georgewpark/wargames-ending-scene

A recreation of the iconic ending scene from the movie WarGames (1983).

animation css javascript recreation wargames

Last synced: 15 Nov 2024

https://github.com/kicer86/animatedwebp

Utility for animated WebP creation.

animation qt qt6

Last synced: 16 Nov 2024

https://github.com/warnigo/travel-page

The page code write NodeJS and HTML/CSS

animation css html localhost nodejs

Last synced: 16 Nov 2024

https://github.com/dog1133299/pokeballillustration

Poke Ball Illustration with pure CSS

animation

Last synced: 13 Nov 2024

https://github.com/dog1133299/waterdropanimation

Water Drop Animation with Pure CSS

animation

Last synced: 13 Nov 2024

https://github.com/dog1133299/digitrainanimation

Digit Rain Animation with pure CSSS

animation

Last synced: 13 Nov 2024

https://github.com/warnigo/the-tetris-game

my first game. Tetris game in HTML, CSS and JAVASCRIPT.

animation css game html integration javascript readme tetris

Last synced: 16 Nov 2024

https://github.com/amirzenoozi/landmarks-with-tilt-animation

It's Just A Simple Static WebPage To Show Landmark SVG Icons with Tilt Hover Animation

animation html5 scss scss-framework template tiltjs typescript webpack4

Last synced: 20 Nov 2024

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

https://github.com/kornerr/ios-sample-custom-scrolling

Sample iOS application to achieve custom scrolling without UIScrollView

animation layout scrolling swift

Last synced: 17 Nov 2024

https://github.com/sudeepacharjee/apple-vision

A copy model of Apple vision PRO only for educational Purpose

animation apple-vision-pro react

Last synced: 14 Nov 2024

https://github.com/danqing/animated-headline

A plain JavaScript animated headline

animation css transition

Last synced: 17 Nov 2024

https://github.com/miltontom/ascii-spinner

A small spinner animation on the terminal!

animation ascii

Last synced: 12 Nov 2024

https://github.com/arunabhverma/expo-bar-animation

📶 🚀 Bar animation on gesture built with Expo and Reanimated and rn-gesture

android animation bars expo gesture-handler ios line react react-native reanimated transitions typescript

Last synced: 14 Nov 2024

https://github.com/sudeepacharjee/animated-login-page

The Monkey Face Login Page is a delightful and whimsical interface that adds a touch of fun to the login process. Featuring a charming monkey illustration, it offers a unique and engaging way for users to authenticate and access their accounts.

animation javascript login-system

Last synced: 14 Nov 2024

https://github.com/johnfromspace/python

Source codes of Blender projects

animation gradient

Last synced: 15 Nov 2024

https://github.com/sudeepacharjee/animation-onscroll

This repository provides a collection of scroll animations that are easy to implement and understand.

animation html-css-javascript

Last synced: 14 Nov 2024

https://github.com/pixlpa/popet

Image animation GIF maker

animation canvas gifs html5 interactive shaders webgl

Last synced: 18 Nov 2024

https://github.com/leoeatle/little_arrow

Use pure CSS3 to implement an arrow with animation when it is clicked to expand or pull back something.

animation css react

Last synced: 12 Nov 2024

https://github.com/joserfelix/framer-motion-animations

Example animations in Framer Motion ✨

animation framer-motion react

Last synced: 12 Nov 2024

https://github.com/mirayatech/counter

A counter, where you can track your counting 🔢

animation counter css html javascript ui

Last synced: 18 Nov 2024

https://github.com/js-bhavyansh/shared_element_transition

Implemented shared element transitions with Compose Animation, type-safe navigation, and Coil for fetching image from internet.

android animation coil coil-image-loader compose-animation jetpack-compose kotlin-serialization shared-element-transition

Last synced: 18 Nov 2024

https://github.com/ogm710811/react-animation-example-app

Small React App showing use of React Transition Group and React Motion for animation

animation react react-motion react-transition-group

Last synced: 15 Nov 2024

https://github.com/tomaszklekner/animated-form

Multi Step Form with Step Progress Bar in HTML CSS & JavaScript

animation css form html javascript webdesign

Last synced: 15 Nov 2024

https://github.com/dorkatzir/digisolve

Simple Responsive Onepage Website

animation css html js responsive

Last synced: 12 Nov 2024

https://github.com/lukasraider/caranimationmodel

3D Animated Model Car

3d-models animation model

Last synced: 11 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/rodleviton/reactive-pixels-paris

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut egestas sollicitudin urna, non semper nulla. Maecenas iaculis nisl ac ex posuere, et finibus velit interdum.

animation

Last synced: 27 Oct 2024

https://github.com/akramadjab/interactive-comments-section

I have created an interactive comments section using CSS Grid and Flexbox, along with JavaScript, React.js, and BEM. This project is aimed at enhancing my React skills as a beginner and taking them to the next level. I hope you find my code useful and appreciate any feedback or suggestions, you can refactor more, like creating a Button Component.

animation bem bem-css bem-naming css css-flexbox css-grid css-grid-layout html javascript react reactjs

Last synced: 08 Nov 2024

https://github.com/akramadjab/order-summary-component

A simple Order Summary component code challenge to Frontend Mentor using Flexbox, Animation, and Hover state

animation animation-css animations bem bem-css bem-methodology css css-animations css-flexbox html media-queries responsive-design

Last synced: 08 Nov 2024

https://github.com/debck/drum-kit

A simple javascript Drum Kit . See it in action here : https://debck.github.io/Drum-Kit/

animation drum-kit html javascript sound

Last synced: 12 Oct 2024

https://github.com/qobulovasror/animations-for-landing-page

There are several animation for loading components

animation bootstrap css html

Last synced: 06 Nov 2024

https://github.com/akramadjab/nft-preview-card-component

A simple product preview card component code challenge to Frontend Mentor using Flexbox, Animation, and Hover state

animate-css animation animation-css animations bem bem-css bem-methodology bem-naming css-flexbox css-flexbox-layout css3 flexbox flexbox-css html-css html5 sass sass-mixins

Last synced: 08 Nov 2024

https://github.com/beardedfish/java-animation

An animation done using Java swing.

animation circle java rectangle swing

Last synced: 06 Nov 2024

https://github.com/jeremy-code/tailwindcss-animate-from-to

A Tailwind CSS plugin for creating custom animations using `from` and `to` keyframes.

animate animation keyframes tailwind tailwindcss

Last synced: 13 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/demjhonsilver/motionrack

Motionrack is a free and open source JavaScript library for React, Vue, Angular and Svelte about web page scrolling by animating elements as they come into view.

angular animation css javascript motion react scroll scrolling svelte typescript vue

Last synced: 03 Nov 2024

https://github.com/solo-fox/metaverses

Metaverses - a Modern Next 13 Website With Framer Motion & Tailwind CSS.

animation coool framer meta motion nextjs react verses

Last synced: 10 Oct 2024

https://github.com/ilopx/experiment-web-renders-html-svg-canvas2d-webgl

This experiment should show differences in rendering speed between HTML, SVG, Canvas2d and WebGL

animation canvas2d html svg webgl

Last synced: 06 Nov 2024

https://github.com/hawtim/beach

CSS3 动画实现沙滩🏖

animation css3 demo

Last synced: 13 Oct 2024

https://github.com/olgabull/nuxt3_apartments

🏙 Apartments - Nuxt 3 Composition API App with animation on scroll

adaptive-layouts animation bem-methodology composition-api flexbox grid gsap nuxt-router nuxt3 responsive-layout scss

Last synced: 11 Nov 2024

https://github.com/oussamahaff/keyframeanimationsample

A simple POC app of the new Android keyframe animation based on constraint sets using layout files

android animation kotlin

Last synced: 19 Nov 2024

https://github.com/monciego/lediable-restaurant

restaurant website

animation css html website

Last synced: 07 Nov 2024

https://github.com/walterxie/treespace

Animation of the tree space

animation python3 treespace

Last synced: 17 Oct 2024

https://github.com/sushantpaudel/minion-create

Minion - Created in Maya watching tutorial video (link is in the text file)

animation maya

Last synced: 16 Nov 2024

https://github.com/siddhant-k-code/simple-to-animated-letters-converter

Type Anything in it to convert it in Animated & Colorful Letters. | Live Demo :-

animated animation converter css html js letters

Last synced: 07 Nov 2024

https://github.com/nklbdev/krita-storyboard-timeline-selector

A plugin for Krita, that selects frame range on the Timeline on click at story in Storyboard

animation krita krita-plugin krita-scripting

Last synced: 13 Oct 2024

https://github.com/khadkarajesh/flutter-design-challenges

Design challenges for different user interface and animations in flutter

animation flutter flutter-design

Last synced: 13 Nov 2024

https://github.com/kevinkace/animation-resolve

Small fn that resolves a Promise when a CSS animation completes.

animation css javascript mithriljs

Last synced: 07 Nov 2024

https://github.com/fmind/cookiecutter-manim

Template to generate a manim animation

animation cookiecutter manim python template

Last synced: 06 Nov 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