component
Hello Loader
Multilingual greeting splash screen. Cycles through hello in different languages with a smooth fade transition.
depsframer-motion
hello
Installation
$shadcn add @yoavi/hello-loaderAbout
A friendly splash loader that cycles through "hello" in different languages, animated with fade transitions. Perfect for first-visit splash screens, page load indicators, or any moment where you want to greet the user warmly.
Ships with 5 languages by default (English, Bengali, Spanish, Hindi, French). Pass your own array to customize.
Pair it with sessionStorage to only show it once per session, so returning visitors don't see the splash again. See the pattern below.
Usage
import HelloLoader from "@/components/hello-loader";
export default function Page() {
return <HelloLoader avatarSrc="/avatar.png" />;
}API Reference
HelloLoader
PropType