keyframe-animation | Topic | Ecosyste.ms: Repos

Topic: "keyframe-animation"

elrumordelaluz/csshake

CSS classes to move your DOM!

Language: SCSS - Size: 446 KB - Last synced at: 6 months ago - Pushed at: 10 months ago - Stars: 4,852 - Forks: 621

dev-labs-bg/transitioner

A library for dynamic view-to-view transitions

Language: Kotlin - Size: 21.3 MB - Last synced at: 15 days ago - Pushed at: almost 5 years ago - Stars: 2,055 - Forks: 142

mtcn/MotionLayoutExamples

:cool: Motion layout animation examples

Language: Kotlin - Size: 49.7 MB - Last synced at: 10 days ago - Pushed at: over 1 year ago - Stars: 673 - Forks: 93

ninjaprox/LoaderUI

NVActivityIndicatorView implemented in SwiftUI

Language: Swift - Size: 27.7 MB - Last synced at: 10 days ago - Pushed at: 12 months ago - Stars: 232 - Forks: 18

Hariofspades/MotionLayoutExperiments

Collection of experiments, using motion layout.

Language: Kotlin - Size: 11.6 MB - Last synced at: over 1 year ago - Pushed at: over 5 years ago - Stars: 202 - Forks: 20

Artanidos/AnimationMaker

Create animated presentations and export them to a video or xml file.

Language: C++ - Size: 301 MB - Last synced at: 12 months ago - Pushed at: almost 3 years ago - Stars: 132 - Forks: 23

hohonu-vicml/TrailBlazer

[SIGGRAPH Asia 2024] TrailBlazer: Trajectory Control for Diffusion-Based Video Generation

Language: Python - Size: 98.9 MB - Last synced at: 26 days ago - Pushed at: 11 months ago - Stars: 97 - Forks: 11

hakobvardanyan/onboarding-with-motion-layout

OnBoarding screen example with MotionLayout

Language: Kotlin - Size: 31.1 MB - Last synced at: 16 days ago - Pushed at: about 4 years ago - Stars: 95 - Forks: 20

kaustubhmenon/animation-library

Pure CSS Animation Library. Made with love at Later.com

Language: SCSS - Size: 24.4 KB - Last synced at: about 2 years ago - Pushed at: almost 4 years ago - Stars: 75 - Forks: 16

schlegel11/JFXAnimation

CSS keyframe animation for JavaFX. Create animations like you would do with CSS.

Language: Java - Size: 7.24 MB - Last synced at: 9 days ago - Pushed at: over 6 years ago - Stars: 57 - Forks: 4

yuki-koyama/optimo

Keyframe-based motion editing system using numerical optimization [CHI 2018]

Language: C++ - Size: 672 KB - Last synced at: 20 days ago - Pushed at: about 2 years ago - Stars: 35 - Forks: 5

MoSalem149/online-exam-platform_DEBI-Project

A modern, responsive online exam platform featuring sign-up/login functionality, timed exams, progress tracking, flagged questions, and result submission. Built with HTML, CSS, and JavaScript for an interactive and user-friendly experience.

Language: CSS - Size: 3.25 MB - Last synced at: 17 days ago - Pushed at: 7 months ago - Stars: 19 - Forks: 2

david-lorenzo-vargas/react-hooks-buttons

UX Design of 3D buttons built in React, state managed with hooks and animated with @keyframes. Click the button to see popping up more buttons. Click again to make them disappear.

Language: JavaScript - Size: 301 KB - Last synced at: about 1 year ago - Pushed at: about 1 year ago - Stars: 18 - Forks: 4

alitahir4024/NeoReach

NeoReach website template is an influencer marketing software solution that large brands use to run influencer marketing campaigns. Using NeoReach, brands can search, manage, and track influencers internally within their company without going through an agency or MCN.

Language: CSS - Size: 5.73 MB - Last synced at: 13 days ago - Pushed at: almost 4 years ago - Stars: 16 - Forks: 2

qvantor/canvas-2d-player

Simple Canvas animation engine based on React with Fabric.js

Language: JavaScript - Size: 1.65 MB - Last synced at: about 2 years ago - Pushed at: almost 6 years ago - Stars: 10 - Forks: 1

jtsiomb/libanim

General-purpose hierarchical keyframe animation library

Language: C - Size: 169 KB - Last synced at: 20 days ago - Pushed at: 5 months ago - Stars: 7 - Forks: 1

IliaKani/EURO-2024

⚽ A web project to elevate my animation skills! ✨ Featuring a responsive layout, BEM structure, and iframe video insertion. Watch as keyframe animations bring life to a JavaScript countdown timer, with animated circle dots that spin in style! ⏳

Language: HTML - Size: 3.84 MB - Last synced at: 6 months ago - Pushed at: 6 months ago - Stars: 7 - Forks: 0

cmwall/blanket-animation

Apply CSS keyframe animations to all children of this wrapper component

Language: JavaScript - Size: 999 KB - Last synced at: 2 days ago - Pushed at: over 7 years ago - Stars: 7 - Forks: 1

kaiolabs/Glassmorphism-Cyberpunk-Responsive-Website

Site made for me to train my knowledge in HTML5 CSS3, responsiveness and keyframe.

Language: CSS - Size: 744 KB - Last synced at: almost 2 years ago - Pushed at: about 3 years ago - Stars: 6 - Forks: 0

nhanng19/Draw.me

Draw.me is a community-based drawing platform where users can create an account to draw, post, share, and comment on other user's art.

Language: JavaScript - Size: 14.8 MB - Last synced at: 3 months ago - Pushed at: over 1 year ago - Stars: 4 - Forks: 0

hashmat-wani/flip-a-coin

On flipping a coin, it produces head/tail with a cool 3D animation. It even maintains statistics about the heads and tails count. User can reset the status with the reset button.

Language: CSS - Size: 30.3 KB - Last synced at: over 1 year ago - Pushed at: over 2 years ago - Stars: 4 - Forks: 0

keshav2010/ProtoAnimator

A Small keyframe based animator tool for designing rough 2D sprite-based animations quickly for presentation purposes.

Language: C++ - Size: 188 KB - Last synced at: 2 months ago - Pushed at: over 4 years ago - Stars: 4 - Forks: 0

VinayakBagaria/Pathfinding-Visualizer

Pathfinding algorithms visualized & animated in a m-n grid

Language: TypeScript - Size: 1.66 MB - Last synced at: almost 2 years ago - Pushed at: almost 2 years ago - Stars: 3 - Forks: 0

StanislavFedyna/character-walking-animation

I created the walking animation. Used sprites, keyframes and manipulations with background-position plus transform.

Language: CSS - Size: 195 KB - Last synced at: 3 months ago - Pushed at: almost 7 years ago - Stars: 3 - Forks: 0

jpgorman/postcss-invert-keyframes

PostCss plugin that takes a keyframe animation and duplicates it, with a reversed or mirror version. This creates a reverse of the given keyframe animation.

Language: JavaScript - Size: 44.9 KB - Last synced at: 20 days ago - Pushed at: almost 9 years ago - Stars: 3 - Forks: 0

Aman12305/PortFolio

Portfolio Website React Js for Frontend and Netlify for hosting

Language: JavaScript - Size: 20.9 MB - Last synced at: about 2 years ago - Pushed at: over 2 years ago - Stars: 2 - Forks: 0

pacelliv/password-generator

Learning Javascript from Scrimba and Per Harald Borgen. Easy to use password generator.

Language: CSS - Size: 135 KB - Last synced at: about 1 year ago - Pushed at: over 2 years ago - Stars: 2 - Forks: 0

Santosh-Baliarsingh/Text_Blinking_Effect

Simple Text Blinking Effect

Language: CSS - Size: 1000 Bytes - Last synced at: 2 months ago - Pushed at: over 3 years ago - Stars: 2 - Forks: 1

patilankita79/CustomModalDesign

Custom modal is designed using HTML, CSS, JavaScript to brush up the basics. CSS animation is specified using keyframes.

Language: CSS - Size: 41 KB - Last synced at: about 1 year ago - Pushed at: over 7 years ago - Stars: 2 - Forks: 0

elena-in-code/Font-Awesome-Icon-Animation

Css animated Rocket - Font Awesome Icon Animation

Language: CSS - Size: 2.93 KB - Last synced at: 5 days ago - Pushed at: over 7 years ago - Stars: 2 - Forks: 0

menezes-/animed

very simple keyframe animation editor made with opengl

Language: C - Size: 36.7 MB - Last synced at: 6 months ago - Pushed at: about 8 years ago - Stars: 2 - Forks: 0

ykcbla/Adobe-After-EffectsRS

Adobe After Effects is a powerful motion graphics and visual effects software used by video professionals to create stunning animations

Size: 1.95 KB - Last synced at: about 1 month ago - Pushed at: about 1 month ago - Stars: 1 - Forks: 0

Mohitpatwari/Space-Invaders

This game is build using pure javascript logic. I does not focus much on UI as it's just a logic building game. I enjoyed alot during making this game.

Language: JavaScript - Size: 1.14 MB - Last synced at: 8 months ago - Pushed at: 8 months ago - Stars: 1 - Forks: 0

lisautv72lx/animate-crack-for-pc

Create Flash animation films, GIFs and cartoons with Adobe Animate. Buy the 2D animation software that has tools for puppet design and tweening.

Language: C++ - Size: 42 KB - Last synced at: about 1 year ago - Pushed at: about 1 year ago - Stars: 1 - Forks: 0

MrutyunjayaSahoo/Rainbow-rotating-wheel

Hello Folks! This project creates a simple animated rotating rainbow wheel using HTML and CSS. The wheel is designed with a conic gradient to achieve a vibrant rainbow effect, and the animation is implemented through keyframes and the transform property.

Language: CSS - Size: 3.91 KB - Last synced at: about 1 year ago - Pushed at: about 1 year ago - Stars: 1 - Forks: 0

margaretlhm44uw/Animate-crack-for-pc

Adobe Animate is a multimedia authoring and computer animation program developed by Adobe Inc.

Language: C++ - Size: 44.9 KB - Last synced at: about 1 year ago - Pushed at: about 1 year ago - Stars: 1 - Forks: 0

carolnck46zk/Animate-pro-for-pc

Animate is used to design vector graphics and animation for television series, online animation, websites, web applications, rich web applications, game development, commercials, and other interactive projects.

Language: C++ - Size: 46.9 KB - Last synced at: about 1 year ago - Pushed at: about 1 year ago - Stars: 1 - Forks: 0

Anku9053/Density_Landing_page

Welcome to the clone homepage of Density Exchange Company, crafted with precision and innovation using the powerful Gatsby framework and the flexibility of Styled-Components.

Size: 3.24 MB - Last synced at: about 1 year ago - Pushed at: about 1 year ago - Stars: 1 - Forks: 0

vvaldesc/Luxor

Sophisticatedly designed web page (ANIMATIONS AND RESPONSIVE MQ)

Language: CSS - Size: 82.3 MB - Last synced at: about 1 month ago - Pushed at: over 1 year ago - Stars: 1 - Forks: 0

Swati-Tanu/Color-Changing-Background

This project is a static page with an animation in it built using only CSS (mostly using keyframes).

Language: CSS - Size: 2.93 KB - Last synced at: about 2 years ago - Pushed at: about 2 years ago - Stars: 1 - Forks: 0

SP-2605/Beacon-Project-v1.0

A website designed for the college purpose [SIES Graduate School Of Technology]. This website is built as a part of ISR BEACON.

Language: CSS - Size: 1.52 MB - Last synced at: about 2 years ago - Pushed at: over 2 years ago - Stars: 1 - Forks: 0

SP-2605/NatVISIT

Learned and developed this NatVISIT website as part of my college mini project.

Language: CSS - Size: 146 MB - Last synced at: about 2 years ago - Pushed at: over 2 years ago - Stars: 1 - Forks: 0

MarceloHenriqueDoriaFigueiredo/projeto-seguranca

Projeto desenvolvido para demostrar uma simulação de um link malicioso roubando dados pessoais.

Language: CSS - Size: 1.13 MB - Last synced at: almost 2 years ago - Pushed at: over 2 years ago - Stars: 1 - Forks: 0

addTvb/animated-man

Little animated man🕺

Language: CSS - Size: 2.93 KB - Last synced at: about 2 years ago - Pushed at: over 2 years ago - Stars: 1 - Forks: 0

AlexandreKmetiuk/controleFinanceiro

Projeto para praticar o JavaScript

Language: CSS - Size: 85.9 KB - Last synced at: 2 months ago - Pushed at: over 2 years ago - Stars: 1 - Forks: 0

alexanyernas/Borde-Animado-YouTube

Borde Animado desarrollado para el canal de YouTube utilizando únicamente HTML y CSS

Language: CSS - Size: 0 Bytes - Last synced at: about 1 month ago - Pushed at: almost 3 years ago - Stars: 1 - Forks: 0

shakhzodbekbobobekov/Snow-Effect-JavaScript-

Snow-Effect ❄|| JavaScript

Language: HTML - Size: 3.91 KB - Last synced at: about 2 years ago - Pushed at: over 3 years ago - Stars: 1 - Forks: 0

Webster2020/WEATHER_APP

with fetch data from API

Language: JavaScript - Size: 24.3 MB - Last synced at: over 1 year ago - Pushed at: over 3 years ago - Stars: 1 - Forks: 0

Webster2020/REGISTER_LOGIN

with JSON Server

Language: JavaScript - Size: 6.77 MB - Last synced at: over 1 year ago - Pushed at: over 3 years ago - Stars: 1 - Forks: 0

DTGlov/disney-now

This is a clone of the Disney Now Web App all-shows section https://disneynow.com/all-shows. This project was built to solidify my knowlegde in CSS GRID, FLEXBOX and RESPONSIVE DESIGN. This project was built with React Js and SCSS.

Language: JavaScript - Size: 5.42 MB - Last synced at: 12 months ago - Pushed at: almost 4 years ago - Stars: 1 - Forks: 0

asasasasasbc/AnimatorVR

A Full-VR 3D Animation Keyframing System

Language: C# - Size: 115 MB - Last synced at: about 2 years ago - Pushed at: almost 4 years ago - Stars: 1 - Forks: 0

JChenhall/SideScrollingGame

My first game. An endless side-scrolling game where the hero avoids skeletons by jumping over them.

Language: CSS - Size: 273 KB - Last synced at: about 1 year ago - Pushed at: about 4 years ago - Stars: 1 - Forks: 1

piyushchugeja/CSS-Timeline

A simple, mobile responsive timeline using CSS.

Language: HTML - Size: 16.6 KB - Last synced at: almost 2 years ago - Pushed at: about 4 years ago - Stars: 1 - Forks: 0

diiegoburiti/animation-form

A simple form animated build with css keyframes.

Language: CSS - Size: 12.7 KB - Last synced at: about 1 year ago - Pushed at: almost 5 years ago - Stars: 1 - Forks: 0

mikeludemann/imageMethods

Some helpful "Image Methods" with HTML, CSS and JavaScript

Language: CSS - Size: 86.9 KB - Last synced at: 26 days ago - Pushed at: over 6 years ago - Stars: 1 - Forks: 0

StanislavFedyna/shining-text-animation-effects

Shining text animation effects using the gradient for the base and CSS3 property - "text-fill-color"

Language: CSS - Size: 2.93 KB - Last synced at: 3 months ago - Pushed at: over 6 years ago - Stars: 1 - Forks: 0

PawelGozdz/project-3-dunce 📦

Online book store. Playing with Sass (BEM) and more advanced CSS used.

Language: CSS - Size: 10.5 MB - Last synced at: almost 2 years ago - Pushed at: over 6 years ago - Stars: 1 - Forks: 1

StanislavFedyna/animation-with-firefles-effect

Wonderful and simple animation built with two main options: box-shadow and keyframes. Can be used like a pre-loader.

Language: CSS - Size: 2.93 KB - Last synced at: 3 months ago - Pushed at: over 6 years ago - Stars: 1 - Forks: 0

StanislavFedyna/typewriter-effect-css

Typewriter effect using just CSS

Language: CSS - Size: 43.9 KB - Last synced at: 3 months ago - Pushed at: over 6 years ago - Stars: 1 - Forks: 0

VinayakBagaria/Restarted-Web-Dev

Stylish animations fetched from Dribble

Language: CSS - Size: 894 KB - Last synced at: about 2 years ago - Pushed at: almost 8 years ago - Stars: 1 - Forks: 0

melanysita/Adobe-After-EffectsRS

Adobe After Effects is a powerful motion graphics and visual effects software used by video professionals to create stunning animations

Size: 3.91 KB - Last synced at: 1 day ago - Pushed at: 1 day ago - Stars: 0 - Forks: 0

Mateja1Flipper/Adobe-After-Effects-Cr

Adobe After Effects is a motion graphics and visual effects software used for animation

Size: 3.91 KB - Last synced at: 1 day ago - Pushed at: 1 day ago - Stars: 0 - Forks: 0

paytok1/Adobe-After-Effects-Cr

Adobe-After-Effects-is-a-motion-graphics-and-visual-effects-software-used-for-animation

Language: JavaScript - Size: 2.93 KB - Last synced at: 9 days ago - Pushed at: 9 days ago - Stars: 0 - Forks: 0

hemanth-mahesh18/Adobe-After-EffectsRS

Adobe-After-Effects-is-a-powerful-motion-graphics-and-visual-effects-software-used-by-video-professionals-to-create-stunning-animations

Language: JavaScript - Size: 1.95 KB - Last synced at: 9 days ago - Pushed at: 9 days ago - Stars: 0 - Forks: 0

KevinT3009/Adobe-After-Effects-Cr

Adobe-After-Effects-is-a-motion-graphics-and-visual-effects-software-used-for-animation

Size: 1.95 KB - Last synced at: 14 days ago - Pushed at: 14 days ago - Stars: 0 - Forks: 0

Esli100/Adobe-After-EffectsRS

Adobe After Effects is a powerful motion graphics and visual effects software used by video professionals to create stunning animations

Size: 1.95 KB - Last synced at: 14 days ago - Pushed at: 14 days ago - Stars: 0 - Forks: 0

suimouf/Adobe-After-Effects-Cr

Adobe After Effects is a motion graphics and visual effects software used for animation

Size: 1.95 KB - Last synced at: 14 days ago - Pushed at: 14 days ago - Stars: 0 - Forks: 0

Adi202005/Adobe-After-EffectsRS

Adobe After Effects is a powerful motion graphics and visual effects software used by video professionals to create stunning animations

Size: 0 Bytes - Last synced at: 14 days ago - Pushed at: 14 days ago - Stars: 0 - Forks: 0

Made0k4/Adobe-After-Effects-Cr

Adobe After Effects is a motion graphics and visual effects software used for animation

Size: 1.95 KB - Last synced at: 14 days ago - Pushed at: 14 days ago - Stars: 0 - Forks: 0

cudemel/Adobe-After-EffectsRS

Adobe After Effects is a powerful motion graphics and visual effects software used by video professionals to create stunning animations

Size: 1.95 KB - Last synced at: 14 days ago - Pushed at: 14 days ago - Stars: 0 - Forks: 0

jesz1627/Adobe-After-Effects-Cr

Adobe After Effects is a motion graphics and visual effects software used for animation

Size: 1.95 KB - Last synced at: 14 days ago - Pushed at: 14 days ago - Stars: 0 - Forks: 0

crxsh3d/Adobe-After-EffectsRS

Adobe After Effects is a powerful motion graphics and visual effects software used by video professionals to create stunning animations

Size: 1.95 KB - Last synced at: 14 days ago - Pushed at: 14 days ago - Stars: 0 - Forks: 0

vinicinsenna/Adobe-After-Effects-Cr

Adobe After Effects is a motion graphics and visual effects software used for animation

Size: 1.95 KB - Last synced at: 14 days ago - Pushed at: 14 days ago - Stars: 0 - Forks: 0

emersonramos3lt/snapshot-agency-ui

Leveraged a black and white color palette to craft a modern landing page, enhancing the user experience with smooth animations using GSAP and CSS keyframes.

Language: CSS - Size: 2.12 MB - Last synced at: 13 days ago - Pushed at: 15 days ago - Stars: 0 - Forks: 0

omardiab5642010/Adobe-After-Effects-Cr

Adobe After Effects is a motion graphics and visual effects software used for animation

Size: 1.95 KB - Last synced at: 15 days ago - Pushed at: 15 days ago - Stars: 0 - Forks: 0

Ravikumargedela/Adobe-After-EffectsRS

Adobe After Effects is a powerful motion graphics and visual effects software used by video professionals to create stunning animations

Size: 1.95 KB - Last synced at: 15 days ago - Pushed at: 15 days ago - Stars: 0 - Forks: 0

justusdecker/easing-functions-python

A bunch of easing functions & a preview in matplotlib.

Language: Python - Size: 2.93 KB - Last synced at: 21 days ago - Pushed at: 21 days ago - Stars: 0 - Forks: 0

MehemmedQ2003/LMS_Sysytem

LMS Education System

Language: CSS - Size: 21.9 MB - Last synced at: 22 days ago - Pushed at: 25 days ago - Stars: 0 - Forks: 0

emersonramos3lt/animated-3d-landingpage

A modern 3D landing page homepage of a data analytics company with smooth animations.

Language: CSS - Size: 403 KB - Last synced at: 28 days ago - Pushed at: about 1 month ago - Stars: 0 - Forks: 0

laksh2005/Beyond-Horizon

A futuristic space-tourism website

Language: JavaScript - Size: 23.9 MB - Last synced at: about 2 months ago - Pushed at: 2 months ago - Stars: 0 - Forks: 0

HasibCoderLab/Css-Grid-Snake-Animation

A visually engaging CSS Grid project featuring a snake-like animation that moves through the gaps between images. Built using HTML, CSS Grid, and keyframe animations to create a smooth and dynamic effect

Language: HTML - Size: 1.7 MB - Last synced at: 2 months ago - Pushed at: 2 months ago - Stars: 0 - Forks: 0

nessieshield7/After-Effects-No-Crack

After Effects is a powerful software for creating motion graphics, visual effects, and animations, widely used in video production and media industries.

Size: 6.84 KB - Last synced at: 2 months ago - Pushed at: 2 months ago - Stars: 0 - Forks: 0

ferstston74/After-Effects-No-Crack

After Effects is a powerful software for creating motion graphics, visual effects, and animations, widely used in video production and media industries.

Size: 6.84 KB - Last synced at: 3 months ago - Pushed at: 3 months ago - Stars: 0 - Forks: 0

MarciCzebe/ScrollMoo

ScrollMoo is a pure JavaScript-based tool that lets you create high-performance, scroll-triggered, keyframed animations.

Size: 21.5 KB - Last synced at: 19 days ago - Pushed at: 3 months ago - Stars: 0 - Forks: 0

IrynaDidkivska/Task_4

Виконано HTML-розмітку та CSS оформлення відповідно до завдань

Language: HTML - Size: 101 KB - Last synced at: 29 days ago - Pushed at: 3 months ago - Stars: 0 - Forks: 0

yashKappa/SubAnime

This webpage features `@keyframes` animations, hover effects, two types of slideshows, animated buttons, card hover pop-ups revealing information, and a footer, offering a visually engaging experience.

Language: JavaScript - Size: 5.21 MB - Last synced at: 3 months ago - Pushed at: 3 months ago - Stars: 0 - Forks: 0

HasibCoderLab/Earth-Animation

"🌍 Animated Earth and Moon Orbit Project: A CSS-powered animation showcasing Earth's rotation and the Moon's orbit with a visually stunning background. Perfect for learning keyframe animations and creative design!"

Language: CSS - Size: 57.6 KB - Last synced at: about 2 months ago - Pushed at: 3 months ago - Stars: 0 - Forks: 0

oesnuj/find-unique-color

🎨 다른 색깔 고르기 게임🎨

Language: JavaScript - Size: 749 KB - Last synced at: 4 months ago - Pushed at: 4 months ago - Stars: 0 - Forks: 1

acchinosorara/hyoko-button

キャラクターがひょこっと出てくるボタン

Language: JavaScript - Size: 11.7 KB - Last synced at: 6 months ago - Pushed at: 6 months ago - Stars: 0 - Forks: 0

Kelvin-Ben/travel-app

In this small project, I will style a React app with the Emotion Library as an example of using CSS-in-JS. This is a travel app that features three hotel cards. Each card contains a main image, title, description, and buttons prompting the use to view more details about the hotel or book a room.

Language: JavaScript - Size: 600 KB - Last synced at: 18 days ago - Pushed at: 7 months ago - Stars: 0 - Forks: 0