Shadcn.io is not affiliated with official shadcn/ui
Apple Hello Effect
Handwriting animation with SVG path drawing for React
Apple Hello Effect preview
Scroll to load preview
Each letter draws itself stroke by stroke like someone is writing in real-time. Available in English "hello" and Vietnamese "xin chào" versions. Staggered timing makes it feel natural. Use the speed prop to control how fast it plays. Great for loading screens, welcome pages, or onboarding.
Install with AI
If you've connected the shadcn.io MCP server to Claude Code, Cursor, Windsurf, or any MCP-ready AI editor, prompt your agent to install this component for you — no copy-paste, no CLI:
use shadcnio to install the apple-hello-effect component into my projectRelated Components
FAQ
Was this page helpful?
Sign in to leave feedback.