Shimmer wave effect on text. Easily adjust the wave effect, spread, duration, and more.
You can use the [--base-color] and [--base-gradient-color] CSS variables to customize the color of the shimmer effect.
import { TextShimmerWave } from '@/components/ui/text-shimmer-wave'; export function TextShimmerWaveBasic() { return ( <TextShimmerWave className='font-mono text-sm' duration={1}> Generating code... </TextShimmerWave> ); }
Part of Motion Primitives — browse the full library on 21st.dev.