Command Palette

Search for a command to run...

1.6k

Command Palette

Search for a command to run...

Blog
PreviousNext

Apple Hello Effect

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

Loading…
import { AppleHelloEffectEnglish } from "@/components/apple-hello-effect/apple-hello-effect-english"
 
export default function AppleHelloEffectEnglishDemo() {
  return <AppleHelloEffectEnglish />
}
Loading…
import { AppleHelloEffectSpanish } from "@/components/apple-hello-effect/apple-hello-effect-spanish"
 
export default function AppleHelloEffectSpanishDemo() {
  return <AppleHelloEffectSpanish />
}
Loading…
import { AppleHelloEffectVietnamese } from "@/components/apple-hello-effect/apple-hello-effect-vietnamese"
 
export default function AppleHelloEffectVietnameseDemo() {
  return <AppleHelloEffectVietnamese />
}

Installation

For English:

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

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 { AppleHelloEffectSpanish } from "@/components/apple-hello-effect-spanish"
import { AppleHelloEffectVietnamese } from "@/components/apple-hello-effect-vietnamese"
<AppleHelloEffectEnglish />
<AppleHelloEffectSpanish />
<AppleHelloEffectVietnamese />

API Reference

Prop

Type

References