Components
Loading preview...
Text with sliding background highlight animation using mix-blend-mode.
@reapollo
npx shadcn@latest add https://21st.dev/r/larsen66/highlighted-textimport 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">You can just ship things.</HighlightedText>
</div>
)
}