Audio Lyric Visualizer

0xtigerclaw · Audio + Visual

8 / 19 ← Prev Next → Open solo About this demo ↗

Click inside the demo to interact. Use Prev / Next to switch. All demos · Guides

Audio Lyric Visualizer — Pretext Demo

Audio Lyric Visualizer screenshot

Beat-driven lyric animation synced to music — upload audio and watch Pretext-powered text dance to the rhythm.

Type: Audio + Visual | Author: 0xtigerclaw | Tags: Audio, Music, Canvas

View source code on GitHub

Browse all 19 Pretext community demos

Read: About this demo ↗

Pretext is a TypeScript library for DOM-free text layout, measuring and positioning text 500x faster than traditional browser layout. Created by Cheng Lou (React core, ReasonML, Midjourney).

Audio Lyric Visualizer — Pretext Demo

Beat-driven lyric animation synced to music — upload audio and watch Pretext-powered text dance to the rhythm.

Type: Audio + Visual. Author: 0xtigerclaw. Tags: Audio, Music, Canvas.

Source code: https://github.com/0xtigerclaw/audio_visualization_pretext

Part of the pretext.cool community demo collection — 19 open-source demos built with chenglou/pretext.