Top 10 HTML Animation Projects

Animations

• Add a project

1. animatable

   1 0 2,575 0.0 HTML

   One property, two values, endless possiblities

   

2. Kargo

   akuity.io sponsored

   Stop Scripting Promotions. Start Shipping with Kargo. Kargo automates promotion across dev, staging, and prod with approval gates and verification. Open source, built by the team behind Argo CD. Download now.

   

3. vue-particle-effect-buttons

   2 1 260 0.0 HTML

   A bursting particles effects buttons component ✨💥❄️🌋

   

4. Scroll-Btween

   3 0 164 4.7 HTML

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

   

5. TransitionEnd

   4 0 94 0.0 HTML

   :dizzy: TransitionEnd is an agnostic and cross-browser library to work with transitionend event.

   

6. learn-css-animation

   5 1 64 0.0 HTML

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

   

7. scriptimate

   6 7 62 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

   

8. d3-table-cards

   7 0 26 2.2 HTML

   D3-Table-Cards: Animated morphing between table and card views built with D3.js.

   

9. AppSignal

   www.appsignal.com sponsored

   Monitoring that respects your time & budget. APM, error tracking, and dashboards for modern web apps. Ten-minute setup, transparent flat pricing, and support from engineers who actually use the product.

   

10. svg2fbf

    8 1 15 - HTML

    SVG Frame-by-Frame Animation Generator svg2fbf - Create SVG animations from a series of SVG frames without the need of javascript or css.

    

    Project mention: SVG Frame-by-Frame Animation Generator | news.ycombinator.com | 2026-05-10

11. the-cube

    9 0 11 0.0 HTML

    The Cube is an experiment with CSS3 transitions.

    

12. MAZ01001.github.io

    10 1 4 4.8 HTML

    my git website - small coding projects

    

HTML Animations related posts

• Beautiful Masonry Gallery with Bootstrap and Unsplash Random Photos

  3 projects | dev.to | 19 Jun 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

• 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/webdev | 21 Sep 2021

• Scriptimate: tool to create video animations from high quality SVG files with a simple scripting language

  1 project | /r/opensource | 8 Sep 2021

• Scriptimate: an open source tool to create SVG animations in a coding way

  1 project | /r/GraphicsProgramming | 7 Sep 2021

• GitHub - devforth/scriptimate: 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

  1 project | /r/web_design | 7 Sep 2021
• A note from our sponsor - Kargo
  akuity.io | 11 Sep 2026

  Kargo automates promotion across dev, staging, and prod with approval gates and verification. Open source, built by the team behind Argo CD. Download now. Learn more →

Index

Sponsored

Stop Scripting Promotions. Start Shipping with Kargo

Kargo automates promotion across dev, staging, and prod with approval gates and verification. Open source, built by the team behind Argo CD. Download now.

akuity.io

Do not miss the trending HTML projects with our weekly report!