byronwade/ui
Application UI

AI · Application UI

Shimmer

Animated text-shimmer that sweeps a token-driven light gradient across muted text for AI thinking/streaming states.

@byronwade/foundation@byronwade/utilsmotion

Adapted from Vercel AI Elements , the original components, repurposed onto the byronwade/ui design system (semantic tokens, dark mode, small subtle refinements). © Vercel.

Feature showcase

Installation

Features

  • 2 examples

    Default, Tones.

API

Dependencies

PackageKindDescription
@byronwade/foundationregistryInstalled through the byronwade/ui registry.
@byronwade/utilsregistryInstalled through the byronwade/ui registry.
motionnpmInstalled from npm.

Source and related

FilePath
Componentregistry/components/ai-shimmer.tsx
Default examplecontent/examples/ai-shimmer/default.tsx
Tones examplecontent/examples/ai-shimmer/tones.tsx