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/cedricbahirwe/furniture

A Furniture app intented to showcase the use of GeometryEffect in SwiftUI

animation swift swiftui

Last synced: 24 Oct 2024

https://github.com/fredericheem/react-leanimate

Animate react components under 600B

animation react react-component

Last synced: 12 Nov 2024

https://github.com/lordelogos/gleamy-creative

An exploration on page transitions 🚀. Styled with SCSS, Animations with GSAP, Transitions with BarbaJS

animation barbajs gsap page-transitions transitions

Last synced: 06 Nov 2024

https://github.com/kibibit/achievibit-demo

testing achievibit animation

animation demo

Last synced: 18 Nov 2024

https://github.com/rayanneramos/site-da-barbie

é um projeto desenvolvido em cima do lançamento do filme da Barbie no ano de 2023. Fazendo o redesign do site do filme modificando algumas coisas, adicionando animações, os nomes dos atores e alguns links de redes sociais.

animation css3 html5

Last synced: 12 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/tedjenkler/tip-calculator-typescript-scss

This project is a solution to the Frontend Mentor Tip Calculator challenge. Built with TypeScript and styled using SCSS, it offers accessible features including keyboard navigation and smooth animations. This app efficiently handles tip calculations and provides a visually engaging user experience. It is also thoroughly tested with Jest unit test

accessibility animation jest react scss typescript vite

Last synced: 24 Oct 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/naridal/workshop

Various experiments and demos.

animation react sandpiles webgl

Last synced: 13 Oct 2024

https://github.com/farzonl/animationprj1

A simulation of gravity with PDEs.

animation graphics opengl

Last synced: 17 Oct 2024

https://github.com/cawfree/react-native-lottie

Lottie wrapper for React Native. (Android/iOS/Web)

android animation ios lottie native react react-native web

Last synced: 05 Nov 2024

https://github.com/konghayao/rxjs-marble-text-creator

This is a website for generating RxJS pinball test animations. You can write your code directly and view the associated animations.

animation anime marbletest rxjs website

Last synced: 14 Oct 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/codeantik/full-page-scroll-effect

Css animation to give full page scroll effect to your page

animation css design html

Last synced: 14 Nov 2024

https://github.com/behnammodi/react-dancing

react-dancing is a bit module for animation base on requestAnimationFrame

animation react

Last synced: 13 Oct 2024

https://github.com/penguin-32/asa

Angular Scroll Animations - Angular library for automatic element animations.

angular animation library npm-package package scroll

Last synced: 30 Oct 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/amn-max/opengl-pathfinding-visualizer

Pathfinding application which visualizes dijkstra's algorithm step by step using openGL/glut C++.

animation c cplusplus-11 dijkstra-algorithm dijkstra-shortest-path opengl opengl-glut

Last synced: 19 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/devshehabibrahem/restaurant-shop

A Fully Responsive Online-Order Built Using React.JS

animation gulp hooks logic reactjs redux-toolkit responsive-design scss taliwind

Last synced: 07 Nov 2024

https://github.com/fiqryq/scroll-follow

simple animation scroll.

animation css

Last synced: 13 Oct 2024

https://github.com/mirayatech/animated-burger-button

🍔 Animated Tasty Burger Button.

animation css food fun hamburger hamburger-button html ui ux

Last synced: 18 Nov 2024

https://github.com/panvourtsis/rnliquidanimation

A react native project to implement liquid animation through screens for both android and iphone based on William Candillon awesome example

android animation ios react react-native react-native-animated

Last synced: 11 Oct 2024

https://github.com/devloop01/twisting-mesh

Recreating an animation by Mat Voyce using Three.js and Three BMF Text

animation threejs twist

Last synced: 26 Oct 2024

https://github.com/arufars/scrolltrigger-gsap

Try the scrollTrigger gsap animation library and it was a lot of fun

animation gsap gsap-scrolltrigger html-css javascript

Last synced: 06 Nov 2024

https://github.com/zxdong262/canvas-shapes-bg

Draw simple shape moving animation in canvas as webpage background

animation background canvas

Last synced: 21 Oct 2024

https://github.com/lnardon/animatedtext

A React.js component to add animation to your text letters. Available as a npm package.

animation css javascript keyframes-animation letters npm package reactjs text-animation typescript

Last synced: 12 Nov 2024

https://github.com/john98nf/coupled-pendulums-animation

This projects makes a simple animation of the physical response of two coupled pendulums oscillating, without any kind of friction losses or external stimulation.

animation c-plus-plus cli pendulums-animation physics physics-simulation

Last synced: 15 Oct 2024

https://github.com/apidcloud/scarlett-blast

A demo based on svg-mesh-3d by Matt DesLauriers using Scarlett Framework

2d animation js nodejs scarlett scarlett-framework svg webgl

Last synced: 15 Oct 2024

https://github.com/rodleviton/rp-slinky

Hello Slinky Forever!

animation reactivepixels

Last synced: 27 Oct 2024

https://github.com/ivteplo/animated-keyboard-shortcuts

Make keyboard shortcut keys look pressed on a corresponding user input

animation animations html5 subtle-animations ui ui-ux ux

Last synced: 15 Oct 2024

https://github.com/siddhant-k-code/chill-the-lion

WebGL experiment using ThreeJS. Move the fan and press to make wind, the lion will surely appreciate.

animation chill css game html js lion responsive the three-js

Last synced: 07 Nov 2024

https://github.com/lbaiyat/three-js-orbiting-camera-demo

React.js app with Three.js rendering to orbit over a basic scene. [DOCUMENTED]

3d animation react react-js three three-js threejs

Last synced: 02 Nov 2024

https://github.com/siddhant-k-code/imagination-of-jupiter

According to Vanga’s dreambook, seeing Jupiter in the sky promises a future disaster, when a fiery rain spills on Earth, which will kill all

animation jupiter three-js threejs

Last synced: 07 Nov 2024

https://github.com/harttle/animation-bugs

Edge cases, compatibility issues for the Web based animations

animation bug demo flickering

Last synced: 14 Oct 2024

https://github.com/9am/img-tissue

A web component animates an image with a minimization effect. 🕸

animation canvas webcomponent

Last synced: 14 Oct 2024

https://github.com/am1goo/nothingos.unity

The SDK provides native APIs for all of the essential Glyph features on Nothing Phone.

android animation gdk glyphs london nothing nothingos sdk

Last synced: 03 Nov 2024

https://github.com/okazari/unicorn-story

A sweet animated unicorn made with Popmotion.

animation popmotion unicorn

Last synced: 14 Oct 2024

https://github.com/dipanshurdev/gymmers

A Gym landing page built by Svelte js with Responsiveness, Animations and Good UI.

animation landing-page svelte sveltejs

Last synced: 03 Nov 2024

https://github.com/eling486/scrollent

🌊 Scrollent: A scrolling animation library based on attribute control

animation css3 html5 scroll web

Last synced: 24 Oct 2024

https://github.com/hubertroy/svgtutorial

Jakob Jenkov的svg指南个人翻译 + 实际动画例子

animation svg

Last synced: 29 Oct 2024

https://github.com/0xcuriousapple/dashboard-autonomoussidechains

Realtime dashboard using SVG, SCSS for animation, Express as server and socket.io for client server communication

animation dashboard express realtime scss socket-io svg

Last synced: 07 Nov 2024

https://github.com/mateuszsokola/2048-animation-examples

🎥 Animation Examples for 2048 (React + TypeScript)

2048 animation css-animations example-project react typescript

Last synced: 26 Oct 2024

https://github.com/whatrocks/von-chomp

Monster iOS app who loves counting things!

android animation fitness ios monster react-native toy typescript

Last synced: 08 Nov 2024

https://github.com/felixpatzelt/covid-19

Code for personal plotting of the official numbers

animation cartopy covid-19 covid19 jupyter-notebook map matplotlib python

Last synced: 18 Nov 2024

https://github.com/mihajlomilojevic/sierpinski-triangle---fh

This C# Windows Form Application has been created as homework assignment as part of selection proccess for Fon Hackathon 2022 in a team Copy/Paste. Application draw's a Sierpinski's triangle by drawing miniatures triangles recursivly. App allows to change the color of the triangle, background, how fast to draw and how small and looping animation.

animation computer-graphics csharp drawing hackathon sierpinski-triangle windows-forms

Last synced: 07 Nov 2024

https://github.com/shubhamsinghshubham777/easy_animated_indexed_stack

A drop-in replacement for Flutter's default IndexedStack that allows simple animations to transition between widgets

animation dart flutter indexedstack library package transition

Last synced: 13 Oct 2024

https://github.com/laszlokorte/smooth-drag

This is an implementation of scroll physics inspired by iOS.

animation cocoa drag-and-drop educational ios smooth-scrolling

Last synced: 06 Nov 2024

https://github.com/nomeyho/countdown

An SVG countdown component for the Web

animation component countdown javascript svg web

Last synced: 07 Nov 2024

https://github.com/jkawamoto/mkgif

Create an animation GIF from the given image files

animation converter gif png rust

Last synced: 01 Nov 2024

https://github.com/aniket965/batman-extension-chrome

a extension for chrome for making a newtab with batman theme

animation batman chrome chrome-extension extension newtab

Last synced: 15 Nov 2024

https://github.com/sivamani-18/particleground.ts

ParticleGround typescript is a React library that creates a particle animation effect on a canvas with TypeScript support 🎉

animation canvas-effects frontend npm-package open-source particle-animation react-library typescript

Last synced: 08 Nov 2024

https://github.com/mathieucaroff/colorstrip

https://mathieucaroff.com/colorstrip

animation background color

Last synced: 09 Nov 2024

https://github.com/azix-khan/dragonballz-game

DragonBallZ Charachers Animated List

animation dragonball-game dragonball-z flutter game list

Last synced: 11 Oct 2024

https://github.com/smartherd/frameanimation

Create a demo app for Frame Animation

android android-kotlin animation kotlin

Last synced: 10 Nov 2024

https://github.com/5hraddha/learning-how-to-learn

Learning How to Learn is a static website that is intended to discuss the most effective, cutting-edge learning techniques that one can apply to their daily life.

animation css flexbox flexbox-css iframes

Last synced: 10 Nov 2024

https://github.com/ebadier/unity3d_tutorial

A simple 3D game tutorial, where you build everything from scratch to learn the fundamentals of Unity3D

animation csharp game-development game-programming graphics physics tutorial unity3d video-game

Last synced: 16 Nov 2024

https://github.com/lexz-08/sharptransition

Derived from UweKeim's dot-net-transitions. Just allows for more transitionable types.

animation csharp graphics transition transitioning transitions ui user-interface windows

Last synced: 10 Nov 2024

https://github.com/lcluber/framerat.js

Animation frame request library

animation javascript typescript

Last synced: 09 Nov 2024

https://github.com/9am/fire-flame

A fire flame library 🔥

animation canvas fire flame particles react svg webcomponents

Last synced: 09 Nov 2024

https://github.com/siddhant-k-code/relax

Coded in 17 Minutes in a very sad mood

animation calm chill css design html relax stay

Last synced: 07 Nov 2024

https://github.com/geektree0101/gtnavigationbar

Experiment UINavigationBar

animation navigationbar swift3 uikit

Last synced: 10 Nov 2024

https://github.com/nicodos/magic-cursor

React components interacting with the cursor

animation cursor motion react

Last synced: 03 Nov 2024

https://github.com/timobechtel/transition-magic

Programatically set css transition state

animation css javascript transition web

Last synced: 28 Oct 2024

https://github.com/cacivy/animation

CSS3 animations

animation css3 gulp transition yeoman

Last synced: 06 Nov 2024

https://github.com/tcoppex/io-scene-skma

Custom skeletal model & animation (SKMA) exporter script for Blender.

animation blender-exporter blender-python script

Last synced: 16 Nov 2024

https://github.com/rohit-singh-rawat/frontend-toolkit

A curated collection of essential resources, libraries, and tools for building modern, efficient, and beautiful frontends.

animation animation-library components css shadcn-extensions shadcn-ui tailwind ui ui-library

Last synced: 10 Nov 2024

https://github.com/bradmartin/nativescript-liquid-loader

NativeScript plugin for a slick liquid loading animation.

android animation nativescript-plugin

Last synced: 30 Oct 2024

https://github.com/yevhenbk/worksut-landing

A presentetion-like landing page developed at Worksut startup

animation landing-page startup

Last synced: 10 Nov 2024

https://github.com/deepak-tiwari-dt/typing-effect-with-center-aligned-text

Text Animation using HTML and CSS.

animation css3 html5

Last synced: 11 Nov 2024

https://github.com/deepak-tiwari-dt/typing-effect-without-cursor

Text Animation using HTML and CSS.

animation css3 html5

Last synced: 11 Nov 2024

https://github.com/deepak-tiwari-dt/smooth-typing-effect-with-blinking-cursor

Text Animation using HTML and CSS.

animation css3 html5

Last synced: 11 Nov 2024

https://github.com/cstayyab/load.css

A purely CSS-Based Loading Animation

animation css loading-animations

Last synced: 26 Oct 2024

https://github.com/cbess/cbflipviewtransition

Flip transition, think iTunes App Store artwork flip to details.

animation calayer itunes objective-c

Last synced: 16 Nov 2024

https://github.com/patrickcaramico/login_screen

Login screen project developed as a preview of an ongoing project. This project includes an animated image and a screen on the right to allow user access to a website or system. It's merely a developmental prototype; the buttons are not yet functional.

animation css html5 teladelogin

Last synced: 09 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