4.1.0
✨ Features
- New
isometricvariant — setvariant="isometric"to lay the marquee on a plane tilted back in 3D space, as if the items were resting on a table. Adjustabletilt,rotate(in-plane),skew, andperspectivedial in anything from a gentle desk tilt to a full ¾ isometric (2.5D) look. It reuses the existing seamless scroll loop, so every other prop keeps working. - New
circlevariant — setvariant="circle"to distribute the items around a rotating 3D ellipse ring (a carousel). Size it withradius(a single number for a circular ring, or a[rx, ry]tuple for an ellipse), and usetiltfor the viewing angle — including negative values to view the ring from below. - Drop-in superset of the built-in
@mantine/coreMarquee — addedorientation(alias ofvertical) andfadeEdgeSize(alias offadeEdgesSize), andfadeEdgeColoris accepted gracefully, so existing core snippets work after just changing the import path.
⚡ Improvements
prefers-reduced-motionis now respected across all variants — the scroll/spin freezes into a static, legible layout.- The
linearfade now follows the projected scroll axis on a rotatedisometricplane, so it keeps fading the leading and trailing items instead of the (now empty) screen edges.
🛠️ Other
- Two new documentation examples — Isometric tech stack and Circle avatar ring — plus interactive configurators for both variants.
📝 Summary
This release adds two 3D display variants — isometric (a tilted scrolling plane) and circle (a rotating carousel ring) — alongside drop-in API parity with the built-in @mantine/core Marquee, a prefers-reduced-motion guard, and new docs examples. Everything stays GPU-accelerated CSS and SSR-safe.
What's Changed
- feat: isometric 3D variant (tilt / perspective / rotate / skew) + @mantine/core parity by @gfazioli in #23
- feat: circle (3D carousel ring) variant + use-case examples by @gfazioli in #25
Full Changelog: 4.0.5...4.1.0