Fluid Gradient Text
Render text with a fluid gradient that shifts with pointer movement.
Features
- Gradient shifts with horizontal pointer movement for an interactive text effect.
- Smooth transitions keep the effect natural while moving across the text.
svgViewBoxWidthandsvgViewBoxHeightlet you tune text scale for different layouts.
Installation
pnpm dlx shadcn@latest add @ncdai/fluid-gradient-text
Usage
import { FluidGradientText } from "@/components/fluid-gradient-text"<FluidGradientText text="shadcn" />API reference
FluidGradientText
Prop
Type
Credits
License and usage
- Free to use and modify in both personal and commercial projects.
- Attribution is appreciated but not required.
- Released under the MIT License.