elrumordelaluz/csshake
CSS classes to move your DOM!
Topic: keyframe-animation
238 repositories
dev-labs-bg/transitioner
A library for dynamic view-to-view transitions
mtcn/MotionLayoutExamples
:cool: Motion layout animation examples
ninjaprox/LoaderUI
NVActivityIndicatorView implemented in SwiftUI
Hariofspades/MotionLayoutExperiments
Collection of experiments, using motion layout.
Stanford-TML/robot_keyframe_kit
Create motion for any robot through editing keyframe
Artanidos/AnimationMaker
Create animated presentations and export them to a video or xml file.
kaustubhmenon/animation-library
Pure CSS Animation Library.
hohonu-vicml/TrailBlazer
[SIGGRAPH Asia 2024] TrailBlazer: Trajectory Control for Diffusion-Based Video Generation
hakobvardanyan/onboarding-with-motion-layout
OnBoarding screen example with MotionLayout
excalimate/excalimate
Create keyframe animations from hand-drawn Excalidraw diagrams — timeline editor, camera animation, sequence reveals, and an MCP server for AI-driven creation with real-time live preview Export as MP4, WebM, GIF, or animated SVG.
schlegel11/JFXAnimation
CSS keyframe animation for JavaFX. Create animations like you would do with CSS.
CCBrother/CCAnimation
基本动画、关键帧动画、过渡动画、组动画、组合动画等
yuki-koyama/optimo
Keyframe-based motion editing system using numerical optimization [CHI 2018]
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.
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.
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.
mysteropodes/nemo
Open-source motion design and 2D animation in one app — a full keyframe motion editor alongside frame-by-frame drawing with automatic inbetweening.
qvantor/canvas-2d-player
Simple Canvas animation engine based on React with Fabric.js
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! ⏳
jtsiomb/libanim
General-purpose hierarchical keyframe animation library
darmie/kito
Declarative state machines & reactive animations for Dart/Flutter
cmwall/blanket-animation
Apply CSS keyframe animations to all children of this wrapper component
emmaChengreen/animateToCSS_release
AnimateToCSS is an After Effects plugin that exports AE animations to HTML + CSS code, similar to bodymovin but without requiring any third-party libraries. It also features one-click layer keyframe animation data extraction for easy development use. AnimateToCSS可以将 AE 动画导出为 HTML + CSS 代码，类似于 bodymovin，但无需安装任何第三方库。它还可以一键提取图层关键帧动画数据便于开发使用
iab131/Scene-Gaussian-Splat-Viewer
Web-based Gaussian Splat scene viewer with an interactive camera path editor and deterministic MP4 video export.
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.
aliceakesson/Netflix-Intro
Animated HTML+CSS version of the Netflix intro but with my name
VinayakBagaria/Pathfinding-Visualizer
Pathfinding algorithms visualized & animated in a m-n grid
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.
FluffyKas/faq-accordion-card
My solution to a Frontend Mentor Challenge.