Build software better, together

friction2d / friction

Friction Graphics

svg windows linux qt ffmpeg animation web-animation motion-graphics motion-design vector-graphics skia 2d mograph raster-graphics svg-animation

Updated Sep 1, 2026
C++

sergey-pimenov / awesome-web-animation

Star

A list of awesome web animation libraries, books, apps etc.

awesome animation css-animations transitions web-animation awesome-list canvas-animation

Updated Jul 12, 2023
JavaScript

Unleash dynamic web experiences with {css}animation. A lightweight, zero-JavaScript CSS animation library for developers and UI ninjas. Get pre-built effects, total control, and fast, modern motion design.

css animation css-animations gsap transition web-animation css3-animations scroll-animations text-animation css-effects css-hover-animation ui-animation css-animation-library animation-classes lightweight-css-animation zero-javascript-animation

Updated Jan 21, 2026
CSS

just-animate / just-animate

Star

Making Animation Simple

typescript timeline easings animation svg-animations transitions web-animation animation-controller css-variables waapi multiple-animations

Updated Mar 26, 2019
TypeScript

proyecto26 / animatable-component

Sponsor

Star

Animate once, use Everywhere! 💫

Updated Mar 22, 2026
TypeScript

icelam / random-name-picker

Sponsor

Star

Simple HTML5 random name picker for picking lucky draw winner using Web Animations and AudioContext API.

typescript scss pug web-animation web-animations-api audio-context-api web-animations lucky-draw audio-context random-name-picker

Updated Apr 30, 2024
TypeScript

usaljs / usal

Sponsor

Star

USAL.js - Ultimate Scroll Animation Library - Lightweight, powerful, wonderfully simple ✨

javascript animation css-animations web-animation scroll-animations intersection-observer scroll-library

Updated Jul 10, 2026
JavaScript

Giats2498 / giats-portfolio

Star

Award-winning personal portfolio website by Evangelos Giatsidis built with Next.js, React Three Fiber, and GSAP animations.

react portfolio webgl threejs frontend creative-coding nextjs personal-website gsap web-animation react-three-fiber

Updated Jun 1, 2025
JavaScript

CodeKageHQ / Ask-out-your-Valentine

Star

A playful and interactive web experience for asking someone to be your Valentine, featuring charming GIFs and dynamic responses to 'Yes' and 'No' answers. Built with HTML, Tailwind CSS, and a sprinkle of JavaScript for interactivity.

javascript web-development html5 css3 love web-animation tailwindcss romantic canvas-confetti valentines-day interactive-web cute-gifs

Updated Feb 17, 2026
HTML

Felix-au / CursorX-Interactive-Cursor-Effects

Star

20+ custom cursor effects for developers with live interactive previews, copy-paste code snippets, AI prompts, and a full config panel. Built with React + Canvas API.

react javascript webgl canvas web-components react-components showcase developer-tools web-animation cursor canvas-api vite custom-cursors cursor-effects ui-effects web-components-library

Updated Aug 5, 2026
JavaScript

midori-profile / overlay-video

Star

🎬 This is a high-performance web animation react component with minimal development cost.

react webgl high-performance react-library react-component web-animation

Updated Jun 24, 2024
TypeScript

omimo / MocapJS

Star

A motion capture library for Three.js: Playing | Streaming | VR

webgl threejs animation web-animation mocap bvh

Updated Nov 10, 2016
JavaScript

CialloKing / ba-click-fx

Star

Blue Archive web click effect, mouse effect & cursor trail｜蔚蓝档案点击特效、鼠标特效与光标拖尾｜Canvas 2D · npm/CDN

Updated Aug 18, 2026
JavaScript

pixelgridui / animated-bottle-scroll

Star

A high-end product showcase built with GSAP ScrollTrigger, featuring scroll-based bottle animations, pin transitions, and a responsive vintage-style layout. Smooth, interactive, and crafted for modern frontend storytelling.

javascript gsap web-animation scrolltrigger responsive-design scroll-animations product-page ui-animation frontend-project vintage-ui

Updated May 25, 2025
CSS

MustBeSimo / cinematic-scroll-skill

Star

Agent skill for building cinematic, scroll-driven websites from a brief: visual systems, motion storyboards, vanilla/GSAP demos, and Next.js release-page templates.

landing-page creative-coding parallax nextjs gsap web-animation cursor framer-motion scroll-animation fal-ai generative-ui agent-skills claude-skill agent-skill openclaw hermes-agent scroll-driven-animation

Updated Jul 26, 2026
HTML

anuraghazra / facebook-reaction-animation

Sponsor

Star

Facebook Reaction Animation made with React and FramerMotion.

react facebook reactjs web-animation framer-motion

Updated Jan 4, 2023
JavaScript

musoyangrigor / scroll-video-website-skill

Star

Scroll Video Website is a portable AI-agent skill that turns videos into smooth, scroll-controlled canvas experiences with optimized WebP frames, progressive loading, and responsive animation.