Reflection
A Mantine UI Library extension that allows you to create a reflection effect on an image or any other component.
Full documentation and API reference available at gfazioli.github.io/mantine-reflection
Installation
yarn add @gfazioli/mantine-reflectionOverview
Reflection adds a mirror-like reflection below any element:
- Any content — works with images, cards, text, or any React nodes
- Configurable opacity — control reflection intensity
- Adjustable blur — soft or sharp reflection
- Gap control — distance between element and its reflection
- Gradient fade — reflection fades out naturally
Last updated on
