Apple Hello Effect
SVG writing animation inspired by Apple’s “Hello” screen.
- Dependencies (1)
Use cases
- Welcome screen during onboarding.
- Greeting in a hero section.
- Intro animation on a personal site.
Installation
For English:
pnpm dlx shadcn@latest add @ncdai/apple-hello-effect
For Hindi:
pnpm dlx shadcn@latest add @ncdai/apple-hello-effect-hindi
For Spanish:
pnpm dlx shadcn@latest add @ncdai/apple-hello-effect-spanish
For Vietnamese:
pnpm dlx shadcn@latest add @ncdai/apple-hello-effect-vietnamese
Usage
import { AppleHelloEffectEnglish } from "@/components/apple-hello-effect-english"
import { AppleHelloEffectHindi } from "@/components/apple-hello-effect-hindi"
import { AppleHelloEffectSpanish } from "@/components/apple-hello-effect-spanish"
import { AppleHelloEffectVietnamese } from "@/components/apple-hello-effect-vietnamese"<AppleHelloEffectEnglish />
<AppleHelloEffectHindi />
<AppleHelloEffectSpanish />
<AppleHelloEffectVietnamese />API reference
Prop
Type
Credits
References
License and usage
- Free to use and modify in both personal and commercial projects.
- Attribution is appreciated but not required.
- Released under the MIT License.