Adventureland Registry
Motion / Effects

Shimmer

A sweeping gradient highlight across text — an AI "thinking" indicator.

RemotionShimmer sweeps a gradient highlight across text via an animated background-position with background-clip: text. Great for "thinking…" / loading states. Frame-driven, so it loops seamlessly.

Installation

npx shadcn@latest add @adv/shimmer

Usage

import { RemotionShimmer } from '@adv/motion';

<RemotionShimmer durationFrames={80} fontSize="30px">Analyzing the request…</RemotionShimmer>

Example

Redraw (clip reveal)

Handwritten-style reveal via a clip mask that grows left to right.

Emphasized Text

Per-word staggered reveal that isolates and styles emphasized words.

On this page

InstallationUsageExample