Logo Marquee — Instructions
A smooth, never-ending horizontal ticker — perfect for a “trusted by” logo strip, partner list, or announcement bar. It loops seamlessly and pauses on hover.
1 · Preview it
Double-click snippet.html to see it working in your browser. It’s plain HTML, CSS & JavaScript — no install, build, or server needed, and no external libraries.
2 · Add it to your site with Claude
Keep this folder inside your website project (or anywhere Claude Code can read it), then ask Claude something like:
“Add the logo marquee from snippet.html in this folder as a 'trusted by' strip and use my partner logos.”
“Use this infinite ticker as a scrolling announcement bar on my homepage.”
Prefer to paste it yourself? Open snippet.html, copy the part you need, and tell Claude: “integrate this into [page], matching my site’s existing styles.”
Tip: point Claude at the file by name — e.g. “use the code in
snippet.html from the Logo-Marquee folder” — so it references the exact snippet.3 · Customize
- Replace the text items with your own — or
<img>logos. List each item once; the script duplicates the row for a seamless loop. - Speed is the
22sin the.marquee__trackanimation. It pauses on hover and respects reduced-motion.
Good to know
- No dependencies: works in any site — static HTML, WordPress, React, anything.
- Responsive & accessible: built to behave on phones and with keyboards.
- Yours to change: tweak the colors and text, or ask Claude to restyle it to your brand.
Prepared by Inner Web SolutionsBuilt with Claude