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/alexfigliolia/drag-detector

Mouse and Touch driven drag detection for DOM elements

animation drag swipe touch

Last synced: 10 Nov 2024

https://github.com/alexfigliolia/page-switch

A page animation library based on the clever work of @qiqiboy

animation image-slider

Last synced: 10 Nov 2024

https://github.com/alexfigliolia/frame-pooler

A task manager for distributing callbacks between animation frames

animation scheduling task-manager typescript

Last synced: 10 Nov 2024

https://github.com/alexfigliolia/apple-tv-poster

A Poster component inspired by Apple TV's Poster design

animation apple-tv poster react

Last synced: 10 Nov 2024

https://github.com/manelet/svg-m-logo

🎨 An attempt to create a SVG animated logo from scratch

adobe-illustrator animation manelet svg

Last synced: 07 Nov 2024

https://github.com/ewliang/animation.css

animation.css is a library of native vanilla CSS animations without the use of JavaScript.

animation css css-animations css3 css3-animations stylesheets

Last synced: 08 Nov 2024

https://github.com/jordanbrauer/frames.css

A teeny-tiny lightweight css library of CSS keyframe animations.

animation css less library lightweight sass

Last synced: 12 Nov 2024

https://github.com/hemantdutta/gateways-23

Gateways-23 Official Website Repo

animation css frontend greensock gsap parallax react

Last synced: 06 Nov 2024

https://github.com/safinsingh/rapid

🐍 A simple Python implementation of a PID Controller

animation manim pid pid-contoller python robotics

Last synced: 08 Nov 2024

https://github.com/statico/blue-ball-machine

🔵 →🔵 →🔵 →🔵 →🔵

animation gif gifs

Last synced: 08 Nov 2024

https://github.com/boltuix/android-animation-walkthrough-onboarding-app-intro-screen-02

How to make an Onboarding Animation screen in an Android Application - Using Android Studio and Kotlin

android animation kotlin onboarding pagetransformer tablayout tablayoutmediator viewpager2

Last synced: 06 Nov 2024

https://github.com/aneeshlalwani/freecodecamp-responsive-webdesign-projects

This Repository contains "Responsive Web Design Projects". Built with HTML and CSS

animation css3 flexbox grid html5 linear-gradient selector

Last synced: 06 Nov 2024

https://github.com/aneeshlalwani/brainwave-ai

Brainwave: A modern React.js and Tailwind CSS site, setting a benchmark with sleek design, seamless animations, and exceptional UX.

animation gradient reactjs responsive tailwindcss ui-geometry ux-ui-design vite

Last synced: 06 Nov 2024

https://github.com/krishanmihiranga/animatedloginform-javafx

This project is purely JavaFX - it gives you a basis of what to do regarding your projects,it is not a fully fledged system.

animation java login-forms

Last synced: 10 Nov 2024

https://github.com/je-jo/business-card-project

BigsonDev Project #1, Adobe XD to HTML, SASS

adobe-xd animation css3 html sass scss

Last synced: 12 Nov 2024

https://github.com/tariqjamel/weather

Introducing the Weather App: your simple solution to check weather in multiple cities, anytime. Powered by Kotlin, it seamlessly connects to a trusted weather service through an API for precise updates. Plus, with Room Database integration, easily add your favorite cities and swipe to remove. Enjoy animated weather changes and stay prepared.

animation forcast menubar mvvm recyclerview retrofit room-database splashscreen swipedelete-recyclerview weather-api

Last synced: 06 Nov 2024

https://github.com/angelonazzaro/capture

Capture is a mobile friendly website portfolio fully animated built with React.

animation javascript motion react reactjs

Last synced: 07 Nov 2024

https://github.com/angelonazzaro/ignite

Ignite is a mobile friendly website animated and built with React which lets you search and view information about your favorite games.

animation async axios games javascript react reactjs

Last synced: 07 Nov 2024

https://github.com/sarahshahab12345/react-tic-tac-toe-game

🎉 **Tic Tac Toe Game** 🕹️ Play the classic Tic Tac Toe in React! This interactive game features scoring, confetti explosions 🎊 for winners, and a fun shake animation 💥. Enjoy a vibrant design with color-coded X and Y boxes. 🎨 Start a new game or restart with a single click! 🆕🔄 Perfect for quick, casual gaming sessions. 🕰️👾

animation confetti confetti-animation css fornt-end game gaming html interactive javascript react shake-animation tic-tac-toe uiux web-development

Last synced: 06 Nov 2024

https://github.com/xand6r/crefitti

The website for crefitti

animation css3 flexbox html5 website

Last synced: 10 Nov 2024

https://github.com/t2ny/bouncyjs

My JavaScript remake of the famous bouncing DVD logo, built using the p5.js library for creating graphic and interactive experiences

animation graphics javascript p5js physics simulation

Last synced: 08 Nov 2024

https://github.com/ssambender/sam2d

Simple Animation Maker 2D

animation art css html javascript

Last synced: 07 Nov 2024

https://github.com/hamideidy/js-timeline

Displaying elements with animation while scrolling.

animation css html javascript scroll scrolling timeline

Last synced: 08 Nov 2024

https://github.com/webcaetano/del-half

Node CLI for delete half files.

animation cli delete files frames node utils

Last synced: 07 Nov 2024

https://github.com/bouvens/shotgun-extension

PoC of a browser extension that allows you to shoot web pages

animation javascript phisics poc

Last synced: 19 Nov 2024

https://github.com/kplanisphere/plotted-3d-environment

Plotted 3D Environment is a graphical project inspired by Minecraft, designed to demonstrate 3D object creation, animation, and interaction using OpenGL. It features first-person navigation, texture mapping, and collision detection within a dynamic 3D environment filled with obstacles and enemies - Final project for the Grafication course.

3d-graphics animation camera-movement collision-detection computer-graphics cpp data-visualization educational-project opengl texture-mapping

Last synced: 07 Nov 2024

https://github.com/jakesidsmith/react-slik

React higher order component for Slik animations

animation animation-library react slik tween tweening

Last synced: 08 Nov 2024

https://github.com/jevxtn/blow-out-text

BlowOutText written in HTML and CSS. No Javascript!

animation css html5 simple text web

Last synced: 19 Nov 2024

https://github.com/zignis/fireflies

HTML5 canvas based fireflies animation

animation canvas

Last synced: 14 Nov 2024

https://github.com/hamolicious/fire-animation

Found this really old code in my backup drive, I personally have not yet looked at the code in fear of getting PTSD, but the outcome is pretty nice

animation old-project particle-system pygame python

Last synced: 10 Nov 2024

https://github.com/octaspire/sdl2-utils

Utility library to be used with SDL2 library.

animation library sdl2 texture utility

Last synced: 14 Nov 2024

https://github.com/birm/soundimate

A thematic sound and animation manager

animation design sound theme ui ux web

Last synced: 08 Nov 2024

https://github.com/hrynevychroman/mouse-follower

GSAP powered mouse animation

animation cursor gsap typescript

Last synced: 19 Nov 2024

https://github.com/wisdomfusion/animate.wxss

Animation for Weixin miniprogram, based on animate.css 3.x, removing -webkit-*.

animatecss animation miniprogram weixin

Last synced: 08 Nov 2024

https://github.com/karl-horning/vivus-text-animation

This project showcases an SVG text animation using Vivus library. It provides a captivating way to animate text on web pages, adding an interactive and dynamic element to the user experience.

animation bootstrap codepen css html javascript responsive vivus

Last synced: 08 Nov 2024

https://github.com/karl-horning/snowfall-animation

Experience the magic of a winter wonderland with this enchanting snowfall animation created using SVG, HTML5 canvas, and JavaScript. The animation features gracefully falling snowflakes, perfect for adding a festive touch to your web projects.

animation canvas festive

Last synced: 08 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/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/kush-x7/product-preview-card-component

Frontend Mentor challenge solution

animation css html5

Last synced: 10 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/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/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/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/rightscale-design/designkit-animate

Sass module for css animation transitions.

animation css sass

Last synced: 10 Nov 2024

https://github.com/basedhound/gsap-course_react

Simple GSAP course showcasing various primary animations. GSAP (GreenSock Animation Platform) is a framework-agnostic JavaScript animation library used to create fluid and engaging animations.

animation gsap react react18 vite

Last synced: 09 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/unsignedarduino/ledshim-off

A simple script to show an animation on a Pimoroni Ledshim when a Raspberry Pi shutdowns or reboots!

animation helper led raspberry-pi

Last synced: 10 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/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/nandit123/fractional_knapsack_problem_animation

This is animation created for Fractional Knapsack Problem using HTML, CSS, JQuery.

algorithms-implemented animation bootstrap fractional-knapsack jquery

Last synced: 12 Nov 2024

https://github.com/yashi-singh-1/day-04-loading

Loading: The best are always websites that do not need a loading status. If they do, here would be a calming one.

animation css css-animation css3 front-end front-end-challenge front-end-development frontend frontend-challenge html html5 loading-animations

Last synced: 10 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/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-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/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/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/yashi-singh-1/rotating-square-loader

Welcome to the Rotating Square Loader project! This project showcases a simple yet elegant loading animation featuring a rotating square. It serves as a great example of using HTML and CSS to create visually appealing loading indicators for your web applications.

animation challenege css css3 front-end front-end-challenge front-end-development frontend frontend-challenge frontend-development 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/yashi-singh-1/happy-flappy-penguin

"Happy Flappy Penguin" is a fun project developed in collaboration with Free Code Camp. Using HTML and CSS transforms, this project allows you to create an adorable penguin character with engaging animations. Dive into the world of web design and animation as one learn's to position and resize elements to crafts captivating visuals.

animation beginner-friendly creative-coding css css3 css3-animations freecodecamp front-end-development frontend frontend-development html html5 resposive-design web-design web-development

Last synced: 10 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/harukaionasao/css-animado-gradiente

Projeto Css para Adicionar Gradiente animado em uma página

animation css gradient

Last synced: 08 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/cometkim/react-popmotion

Minimal React hooks for animating values using popmotion.

animation animation-library motion react-hooks

Last synced: 14 Nov 2024

https://github.com/tom-draper/rain

Rain for your terminal.

animation cli-animation rust

Last synced: 08 Nov 2024

https://github.com/stalomeow/manimpy

manim utils and active projects

3b1b 3b1b-manim animation bilibili manim python

Last synced: 16 Nov 2024

https://github.com/codeolga/ragnarok

JS, HTML, SCSS, WEBPACK, SWIPER, animation

animation scss swiper webpack

Last synced: 10 Nov 2024

https://github.com/robertcorponoi/pixi-animator

Provides a simple way to create animations from PIXI Sprites

animation animator pixi pixi-js pixijs pixijs-v5 sprite sprites

Last synced: 19 Nov 2024

https://github.com/williamfzc/loadin

quite a easy way to apply animation to your function

animation python simple terminal

Last synced: 09 Nov 2024

https://github.com/hampta/htr2smd

Python HTR to SMD Converter

animation converter cryengine crytek htr python smd valve

Last synced: 09 Nov 2024

https://github.com/cadedupont/the-fable-of-link

Labyrinthian adventure game in Java

animation dungeon game java labyrinth

Last synced: 09 Nov 2024

https://github.com/oscar223po/forward-elephants

Landing Page "Forward-Elephants" - SCSS, HTML5, CSS3, JavaScript, Animations, Responsive

animation css3 html5 javascript responsive-web-design scss

Last synced: 09 Nov 2024

https://github.com/oscar223po/bay-texs

JavaScript Project "Bay-Texs" Animations | HTML5/SCSS

animation html5 javascript scss splittingjs

Last synced: 09 Nov 2024

https://github.com/nimblehq/lottie-android

Sample project demonstrating animation with Lottie in an Android application

android animation

Last synced: 19 Nov 2024

https://github.com/nimblehq/lottie-ios

Sample project demonstrating animation with Lottie in an iOS application

animation ios

Last synced: 19 Nov 2024

https://github.com/kazurayam/matplotlib_animation_with_notebook_in_vscode

[Python] VSCodeのなかNotebookの中でMatplotlibアニメーションを動かすにはどうするか

animation matplotlib notebook python vscode

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