Animations for HTML Websites

Voom.sh Animations offers a simple way to add professional animations to any HTML website without writing complex JavaScript. This guide will walk you through implementing Voom.sh in standard HTML sites, static site generators, and vanilla JavaScript projects.

Quick Installation Guide

Adding the Script to Your HTML

To add Voom.sh Animations to your HTML website, simply include the script before the closing </body> tag:
<script src="https://cdn.jsdelivr.net/gh/ktonik/voom@v1.0.4/dist/voom-demo.min.js"></script>

That's it! The script automatically loads all required dependencies.

Using Voom.sh in HTML

You can implement Voom.sh animations using either HTML classes or attributes - choose whichever you prefer.

Method 1: Using Classes

Add animation classes directly to your HTML elements:
‍
<h1 class="voomsh-hdr-1"> ...
<p class="voomsh-par-1"> ...
<button class="voomsh-btn-1"> ...

Method 2: Using Attributes

Alternatively, use the attribute syntax:
‍
<h1 voomsh="hdr-1"> ...
<p voomsh="par-1"> ...
<button voomsh="btn-1"> ...
‍

Need help?

Contact our support team at support@voom.sh