Shadcn.io is not affiliated with official shadcn/ui
Apple Hello Effect
Apple-style 'hello' handwriting animation with SVG path drawing for React
That "hello" animation when you boot up a Mac? This is that effect. Each letter draws itself stroke by stroke like someone's writing it in real-time. Two versions: English "hello" and Vietnamese "xin chào" (with that yellow accent flourish). Staggered timing makes it feel natural. The speed prop controls how fast it plays. Perfect for loading screens, welcome pages, onboarding—anywhere you want that Apple-level first impression.
Scroll to load preview
Installation
Related Components
FAQ
Was this page helpful?
Sign in to leave feedback.