Shimmer
PRO
Elegant shimmer animation effect for loading states, skeleton screens, and highlighting important content.
Pro Features
Unlock advanced capabilities with the Pro version
Shimmer Animation
Smooth sweep animation effect
GPU Optimized
Transform-based performant animation
Duration Control
Customize animation timing
Color Control
Adjust shimmer color and opacity
Width Control
Set shimmer sweep width
Angle Control
Control shimmer direction with degrees
Installation
Install via CLI
npx moonui-cli@latest add shimmerUsage
Pro Required
Premium Feature
Unlock advanced analytics and insights
Examples
Loading Skeleton
PRO
Content loading placeholder with shimmer effect
Pro Required
Premium Card
PRO
Highlight premium features with shimmer
Pro Required
Pro Feature
Upgrade to unlock premium tools
Call-to-Action Button
PRO
Eye-catching CTA with shimmer animation
Pro Required
Product Card Skeleton
PRO
E-commerce product loading state
Pro Required
Notification Badge
PRO
Animated notification with shimmer
Pro Required
3 New Messages
Stats Card
PRO
Dashboard metric with shimmer highlight
Pro Required
+42%
Growth Rate
↑ 12.5%
Credit Card
PRO
Premium payment method display
Pro Required
•••• •••• •••• 4242
PREMIUM MEMBER
Fast Shimmer
PRO
Quick shimmer for active loading states
Pro Required
Loading content...
Please wait