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