magic-ui
components
ui

aurora-text

A beautiful aurora text effect.

animated
effect
flex
positioning
text
View Docs

Source Code

Files
aurora-text
1import { AuroraText } from "@/components/magicui/aurora-text";
2 
3export function AuroraTextDemo() {
4  return (
5    <h1 className="text-4xl font-bold tracking-tighter md:text-5xl lg:text-7xl">
6      Ship <AuroraText>beautiful</AuroraText>
7    </h1>
8  );
9}