{"repo":"abosch19/svelte-fast-marquee","free":true,"listed":false,"github":"https://github.com/abosch19/svelte-fast-marquee","clone":"git clone https://github.com/abosch19/svelte-fast-marquee.git","description":"Svelte marquee component — fast, CSS-driven, SSR-friendly. The Svelte version of react-fast-marquee.","language":"Svelte","stars":55,"topics":["carousel","marquee","react-fast-marquee","svelte","svelte-component","sveltekit","ticker","svelte-marquee"],"license":"MIT","category":"saas-starters-boilerplates","readme_excerpt":"Svelte Marquee Component — svelte-fast-marquee A fast, lightweight marquee component for Svelte , inspired by react-fast-marquee. If you used react-fast-marquee in React, this is the Svelte version — a drop-in equivalent for Svelte and SvelteKit. - ⚡ CSS-driven animation — no JavaScript running per frame, zero dependencies - 🧩 Drop-in API modeled after react-fast-marquee - 🟠 Svelte 3, 4 and 5 compatible - 🌐 SSR / SvelteKit friendly — no browser-only APIs - 🦾 TypeScript definitions included - 🖱 Pause on hover / click ( pauseOnHover , pauseOnClick ) - 🌈 Gradient fade at the edges ( gradientColor , gradientWidth ) - 🎛 Control speed, direction, gap, play state and auto fill Demo Check out the demo here and play around with some sample marquees. Installation If you're using npm, in the command prompt run: If you're using yarn, run: If you're using bun, run: Compatibility This package supports Svelte 3, 4, and 5. svelte-fast-marquee declares svelte as a peer dependency, so your app should provide its own compatible svelte version. Documentation You can find the documentation here. Usage To use the component, first import Marquee into your file: Then wrap the tags around any component or text you'd like to slide. A sample file might look like this: Examples Logo wall News ticker with gradient fade Play / pause control Props Prop Type Default Description --- --- --- --- play boolean true Whether the marquee is animating. autoFill boolean false Whether to repeat children enough","default_branch":null,"files":null,"tree":[],"storefront":"/r/abosch19","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/abosch19/svelte-fast-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."}