General
Edge Glow
A edge glow component
Overview
The Edge Glow component adds a subtle gradient or glow along the edges of a container to suggest scrollable content, depth, or focus and to improve visual hierarchy.
Key Business & UX Benefits
- Hints that more content is available without cluttering the layout.
- Adds depth and polish so the UI feels refined and intentional.
- Draws attention to key areas like carousels or cards.
- Keeps the effect subtle so it supports rather than dominates the design.
Pro-Tip from Larry: Use edge glow on carousels to signal that users can scroll for more.
Usage
EdgeGlow
Feature List
- Configurable glow or gradient along container edges
- Supports horizontal and vertical orientations
- Theme-aware styling for light and dark modes
- Lightweight so it does not affect performance