shiny-reflection
Reactive icon

Shiny Reflection

Stable version 1.0.0 (Compatible with OutSystems 11)
Uploaded
 on 8 Apr (7 hours ago)
 by 
0.0
 (0 ratings)
shiny-reflection

Shiny Reflection

Details
Add a premium glass-morphism shine effect to any container. Perfect for cards, buttons, and highlight sections with a sleek metallic reflection.
Read more

First impressions matter. This component is designed to draw attention to high-value areas of your application, such as pricing tables, featured product cards, or primary call-to-action buttons. It provides a subtle yet sophisticated animation that signals quality and modern design.

Key Features

  • Universal Compatibility: Wrap it around any OutSystems widget—Cards, Containers, Images, or Buttons.

  • Non-Intrusive Design: Uses pointer-events: none, ensuring the reflection never interferes with user clicks or interactions.

  • Fully Customizable: Adjust the speed, frequency (delay), and even the color of the shine (from classic white to luxury gold or brand-specific hues).

  • Lightweight Performance: Powered by CSS animations for hardware acceleration, ensuring zero impact on page scroll or performance.

  • Auto-Containment: Smartly handles overflow: hidden to keep the reflection strictly within your element's boundaries.

Release notes (1.0.0)
License (1.0.0)
Reviews (0)
Team
Other assets in this category