Components•Animated download

Animated download

A download progress component with scrambled status text, file counts, remaining time, and an interruptible trigger. The demo keeps the animation state outside the visual component so it can be wired to real transfer events.

Dependencies

MotionLucideclsx

How to use

import { AnimatedDownload } from "@/components/isaiahbjork/buttons/animated-download";export function Demo() {  return (    <AnimatedDownload      isAnimating={isDownloading}      onAnimationComplete={() => setIsDownloading(false)}    />  );}
READY
PROGRESS
EST. TIME
FILES COPIED:
2min 34sec
0