Examples home

Animation Blocks Showcase

10 reusable animation classes — all ship in src/lib/animation-blocks.js as part of corrupted-theme 0.2.0.

1 · TitleDecoder

Pattern: char-decode · ~2 s
idle

2 · ProgressBar

glitch: true · height: 8 px · ~2 s
idle

3 · ScanlineSweep

sweeps: 3 · duration: 1.5 s
idle

4 · TerminalBoot

4 log lines · duration: 3 s
idle

5 · GlitchPulse

intensity: 0.7 · color: magenta · ~1 s
idle

6 · ASCIIBorder

style: double · drawOrder: clockwise · ~1.5 s
idle

7 · SystemDiagnostic

8 lines · color: #00ff00 · ~3 s
idle

8 · LoadingBarMulti

4 bars · glitch: true · ~3 s
idle

9 · DataTransmission

direction: horizontal · 20 packets · ~2.5 s
idle

10 · TerminalPrompt

4 commands · typingSpeed: 50 ms/char
idle