As of August 2021, 170+ works have been accomplished, challenge yourself each day!
💡 Simple buttons you can use easily for your next project.
A lightweight and powerful javascript Animation engine.
📲 A useful modern JavaScript solution that helps your website users to add (install) a progressive web application (PWA) to the Home Screen of their mobile iOS devices.
Modern Animated SaaS Generative AI Landing Page.
Start with Front-End Journey with Sheryians Coding School (Front-End Domination: Create-Anything-with-Code)
Recreate any web animation from a screen recording. A motion-design plugin: analyzes motion (timing, easing, stagger, loops) and rebuilds it as GSAP / CSS / Framer Motion / Lottie code.
Popular CSS animation showcases. You don't need a CSS animation library for them.
Isometric-CSS is a lightweight JavaScript library to build isometric projections through declarative HTML attributes.
Python library to convert CSS animations into video
🦀 Clawd — tiny pixel-crab emotes as pure SVG + CSS keyframe animations. Plus an agent skill to make your own and export looping (transparent) GIFs.
Demo code for "A Guide to CSS Animation"
200 web animation examples with copy-ready AI prompts + MotionLens: turn any site's animation into a prompt. React, TypeScript, Framer Motion, Three.js
A curated list of free/cheap resources for bold, premium, 3D web & app UI design
Guia para realizar animaciones con CSS con proyecto demostrativo que incluye una gran variedad de elementos animados.
My collection of experiments and toys built with CSS3.
Web animation skills for Claude Code — GSAP, SVG, Lottie, micro-interactions, page transitions, and 60fps performance, installed straight into your agent.
Add a image loader & image load error (without adding an HTML element or using JS).
To associate your repository with the css-animation topic, visit your repo's landing page and select "manage topics."