21st Text effect

This component features a bold headline with a mesmerizing, animated aurora that flows through the letters. The background is a dark, starry sky that subtly reacts to your cursor's movement, creating a sense of depth. It's a clean, visually striking, and unique design that's perfect for a modern landing page

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds 21st Text effect to your project and fits it to your theme.

import { AuroraHero } from "@/components/ui/21st-text-effect";

export default function DemoOne() {
  return <AuroraHero />;
}