An 8-bit styled loading screen block with an animated retro progress bar, rotating gameplay tips, and a pulsing pixel-font title. Supports auto-progress, custom tips, percentage toggle, and a fullscreen overlay variant.
"use client"; import LoadingScreen from "@/components/ui/8bit-loading-screen"; export default function Default() { return ( <div className="flex w-full min-h-screen items-center justify-center bg-background p-8 retro"> <LoadingScreen className="min-w-[300px] md:min-w-[400px]" autoProgress autoProgressDuration={8000} /> </div> ); }
Part of 8bitcn — browse the full library on 21st.dev.