Dev Design Library

Logo Marquee

A logo rail that never stops, and one the main thread never touches. The travel is a Web Animations API transform rather than a per-frame write from JavaScript, so the browser owns the interpolation on the compositor and a busy page cannot.

Logo Marquee preview
Library
D2Studio UI
Framework
React
Type
component
License
MIT
Install
npx shadcn@latest add https://d2studio.dev/r/logo-marquee.json
Files
  • registry/default/components/logo-marquee.tsx
  • registry/default/components/brand-showcase.tsx
  • registry/default/components/brand-showcase/brand-icons.tsx
  • registry/default/components/brand-showcase/brand-logos.ts
  • lib/utils.ts
Source
https://github.com/rajaaltus/d2studio-ui

Categories

More from D2Studio UI