Skip to main content
Sync UI offers a variety of card styles to enhance your user interface and provide visually appealing components for your applications.

Variants

Lens

A card with an interactive magnifying lens effect on hover. A card with a smooth auto-scrolling image carousel.

Meteor Shower

A card with a dynamic meteor shower animation in the background.

Dynamic Overlay

A card with dynamic image overlay transitions on hover.

Content

A card with dynamic image hover effects and interactive content layout.

Animated Border

A card with a sleek animated glowing border effect.

Props

All card variants support standard Material-UI Card props including:
  • sx - Custom styling
  • elevation - Shadow depth
  • variant - Card variant type

Customization

Each card can be customized by modifying:
  • Colors and gradients
  • Animation timing and duration
  • Border styles and shadows
  • Content layout and typography

Build docs developers (and LLMs) love