Apple Hello Effect

Text 615

About

Create a "Hello" writing effect inspired by Apple using Motion for React.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Apple Hello Effect to your project and fits it to your theme.

Code

How Apple Hello Effect is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import { AppleHelloEnglishEffect } from "@/components/ui/apple-hello-effect";

const AppleHelloEffectDemo = () => {
  return (
    <div className="flex w-full h-screen flex-col justify-center items-center gap-16">
      <AppleHelloEnglishEffect speed={1.1} />
    </div>
  );
};

export { AppleHelloEffectDemo };