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

Variant (interactive)

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

Property	Type	Default	Description
Shimmer	bool	true	Enables the shimmer sweep animation.
ShimmerColor	string?	null	CSS color value for the shimmer sweep. Defaults to a translucent foreground.
Variant	Button.ButtonVariant	Default	Visual style: Default, Destructive, Outline, Secondary, Ghost, Link.
Size	Button.ButtonSize	Default	Size: Default, Sm, Lg, Icon.
PressEffect	Button.ButtonPressEffect	None	Visual feedback on press: None, Scale, Brightness, Ripple.
Disabled	bool	false	Disables the button.
OnClick	EventCallback<MouseEventArgs>	—	Click event callback.
Class	string?	null	Additional CSS classes merged onto the button.