Command Palette

Search for a command to run...

1.5k
Blog
PreviousNext

Apple Hello Effect

SVG writing animation inspired by Apple's "Hello" screen.

Open in
Loading…
import { AppleHelloVietnameseEffect } from "@/components/apple-hello-effect"
 
export function VietnameseDemo() {
  return <AppleHelloVietnameseEffect />
}
Open in
Loading…
import { AppleHelloEnglishEffect } from "@/components/apple-hello-effect"
 
export function EnglishDemo() {
  return <AppleHelloEnglishEffect />
}

Installation

$ pnpm dlx shadcn add @ncdai/apple-hello-effect

Usage

import {
  AppleHelloVietnameseEffect,
  AppleHelloEnglishEffect,
} from "@/components/apple-hello-effect"
<AppleHelloVietnameseEffect />
<AppleHelloEnglishEffect />

API Reference

AppleHelloVietnameseEffect

Prop

Type

AppleHelloEnglishEffect

Prop

Type

Acknowledgments

References