AniLet.js Letter Animation Library Demos

Download Back To CSSScript.Com

A lightweight, dependency-free JavaScript library for creating scroll-triggered, letter-by-letter text animations.

Fade In

Fade In Effect
<div class="aniLet aniLet__fadeIn">...</div>

Slide Up

Slide Up Effect
<div class="aniLet aniLet__slideUp">...</div>

Slide Down

Slide Down Effect
<div class="aniLet aniLet__slideDown">...</div>

Zoom In

Zoom In Effect
<div class="aniLet aniLet__zoomIn">...</div>

Fade In Left

Fade In Left
<div class="aniLet aniLet__fadeInLeft">...</div>

Fade In Right

Fade In Right
<div class="aniLet aniLet__fadeInRight">...</div>

Fade In Down

Fade In Down
<div class="aniLet aniLet__fadeInDown">...</div>

Fade In Top Left

Top Left
<div class="aniLet aniLet__fadeInTopLeft">...</div>

Fade In Top Right

Top Right
<div class="aniLet aniLet__fadeInTopRight">...</div>

Bounce In

Bounce In Effect
<div class="aniLet aniLet__bounceIn">...</div>

Fall Down

Fall Down Effect
<div class="aniLet aniLet__fallDown">...</div>

Custom Timing

Slow & Staggered
<div class="aniLet aniLet__fadeIn" 
  data-delay="100" 
  data-duration="2000">...</div>