4e:I[707087,["/_next/static/immutable/chunks/2985g-hklwiee.js","/_next/static/immutable/chunks/0qkc3dps_9x_i.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3thksmxn95rly.js","/_next/static/immutable/chunks/15bpbjna9-vr3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/0agonoz1szsjm.js","/_next/static/immutable/chunks/1ynd3dcge2kn1.js","/_next/static/immutable/chunks/0krdn-21gkgjt.js","/_next/static/immutable/chunks/0n9w9riw96l80.js","/_next/static/immutable/chunks/0w75qangey2ys.js","/_next/static/immutable/chunks/1tge7vcvsb70s.js","/_next/static/immutable/chunks/35ju_ac0ysz07.js"],"RegistryDependencies"] 4f:I[512940,["/_next/static/immutable/chunks/2985g-hklwiee.js","/_next/static/immutable/chunks/0qkc3dps_9x_i.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3thksmxn95rly.js","/_next/static/immutable/chunks/15bpbjna9-vr3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/0agonoz1szsjm.js","/_next/static/immutable/chunks/1ynd3dcge2kn1.js","/_next/static/immutable/chunks/0krdn-21gkgjt.js","/_next/static/immutable/chunks/0n9w9riw96l80.js","/_next/static/immutable/chunks/0w75qangey2ys.js","/_next/static/immutable/chunks/1tge7vcvsb70s.js","/_next/static/immutable/chunks/35ju_ac0ysz07.js"],"Installation"] 50:I[314491,["/_next/static/immutable/chunks/2985g-hklwiee.js","/_next/static/immutable/chunks/0qkc3dps_9x_i.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3thksmxn95rly.js","/_next/static/immutable/chunks/15bpbjna9-vr3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/0agonoz1szsjm.js","/_next/static/immutable/chunks/1ynd3dcge2kn1.js","/_next/static/immutable/chunks/0krdn-21gkgjt.js","/_next/static/immutable/chunks/0n9w9riw96l80.js","/_next/static/immutable/chunks/0w75qangey2ys.js","/_next/static/immutable/chunks/1tge7vcvsb70s.js","/_next/static/immutable/chunks/35ju_ac0ysz07.js"],"FilesView"] 51:Tbcb,import { IconBrandApple, IconBrandDiscord, IconBrandGithub, IconBrandGoogleDrive, IconBrandMessenger, IconBrandNotion, IconBrandOpenai, IconBrandPaypal, IconBrandReact, IconBrandTailwind, IconBrandTypescript, IconBrandWhatsapp, IconBrandX, } from "@tabler/icons-react" import { LogoTimeline } from "@/registry/gammaui/logo-timeline" import type { LogoItem } from "@/registry/gammaui/logo-timeline" const logos: LogoItem[] = [ // Row 1 - Communication & Social (2 logos, 50s duration, spaced 25s apart) { label: "Discord", icon: , animationDelay: -50, animationDuration: 50, row: 1, }, { label: "X (Twitter)", icon: , animationDelay: -25, animationDuration: 50, row: 1, }, // Row 2 - Development Tools (2 logos, 45s duration, spaced 22.5s apart) { label: "GitHub", icon: , animationDelay: -45, animationDuration: 45, row: 2, }, { label: "React", icon: , animationDelay: -22.5, animationDuration: 45, row: 2, }, // Row 3 - Development Tools Continued (3 logos, 60s duration, spaced 20s apart) { label: "TypeScript", icon: , animationDelay: -60, animationDuration: 60, row: 3, }, { label: "Tailwind", icon: , animationDelay: -40, animationDuration: 60, row: 3, }, // Row 4 - Productivity & Cloud (2 logos, 55s duration, spaced 27.5s apart) { label: "Google Drive", icon: , animationDelay: -55, animationDuration: 55, row: 4, }, { label: "Notion", icon: , animationDelay: -27.5, animationDuration: 55, row: 4, }, // Row 5 - Messaging (2 logos, 50s duration, spaced 25s apart) { label: "WhatsApp", icon: , animationDelay: -50, animationDuration: 50, row: 5, }, { label: "Messenger", icon: , // Placeholder icon animationDelay: -25, animationDuration: 50, row: 5, }, // Row 6 - AI & Automation (3 logos, 65s duration, spaced ~21.5s apart) { label: "OpenAI", icon: , // Placeholder icon animationDelay: -65, animationDuration: 65, row: 6, }, // Row 7 - Payment & Services (2 logos, 50s duration, spaced 25s apart) { label: "PayPal", icon: , // Placeholder icon animationDelay: -50, animationDuration: 50, row: 7, }, { label: "Apple", icon: , // Placeholder icon animationDelay: -25, animationDuration: 50, row: 7, }, ] export default function LogoTimelineDemo() { return (

) } 4a:["$","div",null,{"className":"flex flex-col gap-12","children":[["$","div",null,{"className":"pt-10 flex flex-col gap-4","children":[["$","ul",null,{"className":"flex gap-2 flex-wrap","children":[]}],["$","$L4e",null,{"registryDependencies":["@gammaui/logo-timeline"]}]]}],["$","$L4f",null,{"sourceUrl":"https://www.gammaui.com/r/logo-timeline-demo-2.json","proxyUrl":"https://shadcnregistry.com/r/gammaui/logo-timeline-demo-2","itemId":"@gammaui/logo-timeline-demo-2"}],["$","section",null,{"className":"flex flex-col gap-4","id":"files","children":[["$","h2",null,{"className":"text-lg md:text-2xl font-bold font-mono","children":"Files"}],["$","$L50",null,{"files":[{"path":"registry/example/logo-timeline-demo-2.tsx","content":"$51","type":"registry:example"}]}]]}],"$L52"]}]

Logo Timeline Demo 2

Installation

Files

components

Styles