Card Overlay

Meet Card Overlay for Angular – a sleek, interactive component that transforms the way users engage with your UI. Whether you need smooth hover effects, dynamic action buttons, or immersive content reveals, this component delivers a modern touch with effortless customization.

Key features:
  • Elegant Animations – Hover, click, or focus to reveal stunning overlays.
  • Fully Customizable – Adjust styles, content, and interactions to fit your brand.
  • Seamless Integration – Works flawlessly with Angular Material and Tailwind.
  • Performance Optimized – No lag, no clutter—just smooth transitions.

Upgrade your Angular app’s UX today with Card Overlay—because static UI is so last season. 🚀

Basic card overlay

Loading...

Card overlay with translate

Loading...

Card overlay with blur

Loading...

API Reference

emrCardOverlayContainer directive - a container of an overlay.

emr-card-overlay component - overlay content.

Properties for the emr-card-overlay component.

PropTypeDefault
withTranslate
Adds hover animation for an overlay
booleanfalse
withBlur
Adds blur to the background for an overlay content
booleanfalse