ShimmerButton

Button with animated shimmer border beam.

Installation

dotnet add package Lumeo.Motion

One-time app setup (AddLumeo(), CSS & JS) is covered in the installation guide.

@using Lumeo

<ShimmerButton />

Draw attention to a primary call-to-action in hero sections or landing pages.
Differentiate a key action from surrounding buttons without heavy color changes.
Supports all the same variants and sizes as the regular Button component.

Default Shimmer

Shimmer Off

Variants

Sizes

Custom Shimmer Color

Press Effect and Disabled

Variant (interactive)

Pick a variant to see the shimmer applied to each style live.