Text Effects

Gradient Text

오로라처럼 흐르는 그라데이션을 텍스트에 입히는 효과입니다.

Preview

text motion

gradient color flows through text

bash

Copied

1pnpm dlx shadcn@latest add https://ryong-blog.vercel.app/r/aurora-text.json

bash

Copied

1npx shadcn@latest add https://ryong-blog.vercel.app/r/aurora-text.json

bash

Copied

1yarn dlx shadcn@latest add https://ryong-blog.vercel.app/r/aurora-text.json

bash

Copied

1bunx shadcn@latest add https://ryong-blog.vercel.app/r/aurora-text.json

typescript

Copied

1import { AuroraText } from "@/components/aurora-text"23export default function Example() {4  return <AuroraText>Aurora Text</AuroraText>5}

Prop	Type	Default	Description
children	React.ReactNode	-	Content rendered inside the component.
className	string	-	Additional classes merged onto the component.
colors	string[]	built-in palette	Gradient colors.
speed	number	1	Animation speed multiplier.