Text with sliding background highlight animation using mix-blend-mode.
import HighlightedText from "@/components/ui/highlighted-text" export default function Demo() { return ( <div className="flex items-center justify-center min-h-[400px] p-8"> <HighlightedText className="text-4xl font-bold">Build something amazing</HighlightedText> </div> ) }
Part of Spell — browse the full library on 21st.dev.