"use client";
import GlowingText from "@/components/ui/glowing-text";
const settings = {
textColor: "#d8d8d8",
glowColor: "#ffffff",
fontSize: 2.2,
letterSpacing: 0.02,
lineHeight: 1.55,
glowIntensity: 0.7,
characterStagger: 0.045,
revealDuration: 0.5,
lineGap: 0.15,
};
export default function GlowingTextDemo(props: Partial<typeof settings>) {
const s = { ...settings, ...props };
return (
<GlowingText
eyebrow=""
text={
"Every character ignites on arrival,\nholds its glow just long enough to read,\nthen dims to a steady afterglow.\nTerminal typography, rebuilt for the web."
}
textColor={s.textColor}
glowColor={s.glowColor}
fontSize={s.fontSize}
letterSpacing={s.letterSpacing}
lineHeight={s.lineHeight}
glowIntensity={s.glowIntensity}
characterStagger={s.characterStagger}
revealDuration={s.revealDuration}
lineGap={s.lineGap}
className="justify-center text-center"
/>
);
}
Part of Hyperiux Vault — browse the full library on 21st.dev.