{"repo":"gfazioli/mantine-marquee","free":true,"listed":false,"github":"https://github.com/gfazioli/mantine-marquee","clone":"git clone https://github.com/gfazioli/mantine-marquee.git","description":"A Mantine UI component that creates a Marquee effect with any element.","language":"TypeScript","stars":23,"topics":["mantine-ui","marquee","component","mantine","mantine-v7","nextjs","react-component","reactjs","typescript"],"license":"MIT","category":"ui-components","readme_excerpt":"Mantine Marquee Component --- ❤️ If this component has been useful to you or your team, please consider becoming a sponsor Overview This component is created on top of the Mantine library. It requires Mantine 9.x and React 19 . Mantine Marquee is a versatile React component for the Mantine ecosystem that renders continuous, seamless scrolling of any child elements—cards, boxes, text, or avatars—either horizontally or vertically. It exposes ergonomic props to control behavior and presentation: reverse toggles direction, vertical switches axis, fadeEdges adds CSS‑mask gradient masking ( linear , ellipse , rect ) with configurable per‑axis size, pauseOnHover halts motion on interaction, and duration/gap/repeat fine‑tune speed, spacing, and loop continuity. Two 3D variants extend it: isometric lays the scroll on a plane tilted in 3D space (adjustable tilt , rotate , skew , perspective ), and circle distributes the items around a rotating 3D ellipse ring (a carousel, with adjustable radius , tilt and perspective ). The component is a drop‑in superset of the built‑in @mantine/core Marquee. The component fits neatly into layouts with explicit width/height and Mantine spacing props, and ships with dedicated stylesheets, including an optional @layer import for clean, scoped CSS integration. Example demos show simple colored boxes, mirrored horizontal tracks, stacked vertical tracks, and testimonial cards with avatars and ratings—all demonstrating how arbitrary React content can be ani","default_branch":null,"files":null,"tree":[],"storefront":"/r/gfazioli","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/gfazioli/mantine-marquee/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}