Text Effects

Typography effect components for adding shimmer, highlight, gradient, and color effects to text.

Installation

pnpm add @corew500/ui

Usage

import { Shimmer, Highlight, Gradient, ColoredText } from '@corew500/ui/text-effects'

// Shimmer animation
<h1>Build products <Shimmer color="primary">10x faster</Shimmer></h1>

// Highlight background
<h1>With <Highlight color="accent">beautiful components</Highlight></h1>

// Gradient text
<h1>Design with <Gradient>elegant precision</Gradient></h1>

// Colored text
<h1>Built for <ColoredText color="primary">modern teams</ColoredText></h1>

Available Effects

| Component | Description | |-----------|-------------| | Shimmer | Animated shimmer/shine effect | | Highlight | Subtle background highlight | | Gradient | Animated gradient text color | | ColoredText | Static semantic color | | ShimmerGroup | Multiple words with offset shimmer | | HighlightGroup | Multiple words with highlights |

API Reference