Shimmering Text

Installation

pnpm dlx shadcn add @ncdai/shimmering-text

Usage

import { ShimmeringText } from "@/components/ncdai/shimmering-text";

<ShimmeringText text="slide to unlock" />

Examples

Custom Color

CSS Variables explanation:

• --color: Base text color (the default/resting state of characters)
• --shimmering-color: Peak highlight color (the bright color characters transition to during the shimmer effect)