Components
Loading preview...
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.
@motion-primitives
npx shadcn@latest add https://21st.dev/r/ibelick/text-shimmer-waveimport { TextShimmerWave } from '@/components/ui/text-shimmer-wave';
export function TextShimmerWaveBasic() {
return (
<TextShimmerWave className='font-mono text-sm' duration={1}>
Generating code...
</TextShimmerWave>
);
}