Top 10 HTML Animation Projects

placeholder-loading

1 1,468 4.4 HTML

Simple and flexible, css only, content placeholder loading animation. https://zalog.github.io/placeholder-loading/
animatize

1 260 0.0 HTML

Drag a character with your mouse to create an animation
InfluxDB

www.influxdata.com
sponsored

Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
Scroll-Btween

0 164 2.4 HTML

ScrollBtween uses scroll position of document - or any DOM element - to tween CSS values on any DOM element.
scenejs-render

2 147 4.8 HTML

🎬 Make a movie of CSS animation through scenejs.
learn-css-animation

1 60 0.0 HTML

Learn CSS animation with fun. It is simple, easy to use, and fun to learn.
scriptimate

7 45 0.0 HTML

OpenSource SVG animation tool: Animate qualitative SVG files (e.g. exported from Figma or any other vector image editor) with simple scripting language and compile them into WEBM/MP4/GIF
cryo-multipurpose-react

1 16 0.0 HTML

React Multipurpose Theme with Framer Motion Animations
WorkOS

workos.com
sponsored

The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
title-sequences

4 7 7.7 HTML

Title sequences from TV shows and movies.

Project mention: A slick animation from Better Call Saul | dev.to | 2023-05-15
Kasper-Agency

1 1 8.2 HTML

Kasper Agency - Where Creativity Meets Innovation

Project mention: Introducing my First Website ! | /r/webdev | 2023-05-17
Scroll_Image_Animation

1 0 0.0 HTML

This project is about making animation with pictures by scrolling up and down.

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020). The latest post mention was on 2023-05-17.

HTML Animation related posts

tool for recording a website to mp4 programatically (in the background, no GUIs please)
1 project | /r/webdev | 25 Feb 2023
Looking for animation framework
4 projects | /r/web_design | 11 Sep 2022
Beautiful Masonry Gallery with Bootstrap and Unsplash Random Photos
3 projects | dev.to | 19 Jun 2022
Add motion to your web apps with a single line of code
4 projects | news.ycombinator.com | 20 May 2022
I build layouts with plain html and css when I want to relax. Am I weird?
6 projects | /r/webdev | 11 May 2022
GitHub - devforth/scriptimate: OpenSource SVG animation tool: Animate qualitative SVG files (e.g. exported from Figma or any other vector image editor)
1 project | /r/javascript | 21 Sep 2021
GitHub - devforth/scriptimate: OpenSource SVG animation tool: Animate qualitative SVG files (e.g. exported from Figma or any other vector image editor)
1 project | /r/graphic_design | 21 Sep 2021
A note from our sponsor - WorkOS
workos.com | 17 Apr 2024

The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning. Learn more →

Index

What are some of the best open-source Animation projects in HTML? This list will help you:

	Project	Stars
1	placeholder-loading	1,468
2	animatize	260
3	Scroll-Btween	164
4	scenejs-render	147
5	learn-css-animation	60
6	scriptimate	45
7	cryo-multipurpose-react	16
8	title-sequences	7
9	Kasper-Agency	1
10	Scroll_Image_Animation	0