# Orbit logos

An integrations showcase with brand logos orbiting your product mark on tilted rings. Hover or focus one to rest the orbit, draw a connection, and see what it does.

- ID: `orbit-logos`
- Import: `animui/orbit-logos`
- Category: Special
- Runtime exports: `OrbitLogos`
- Declaration: `types/pro/orbit-logos.d.ts`
- Type provenance: reconstructed-from-docs-and-runtime
- Related: logo-marquee, hover-card, orbit-menu, chip-group

```tsx
import { OrbitLogos } from 'animui/orbit-logos';
```

This import example is not a complete render recipe: read the declaration below and its local references for required props, data, callbacks and provider context. Use `animui info orbit-logos` to resolve the local declaration graph. Global setup is in `llms.txt`.

```ts
/** Reconstructed from saved Arc documentation and runtime binding evidence; original TypeScript source was unavailable. */
import type { ComponentType, ReactNode, CSSProperties, Ref, ButtonHTMLAttributes, HTMLAttributes, ReactElement } from 'react';

export interface OrbitLogo { id?: string; name: string; icon: string | ReactNode; color?: string; category?: string; description?: string; connected?: boolean; href?: string; }
export interface OrbitLogosProps { logos: OrbitLogo[]; center?: ReactNode; onSelect?: (logo: OrbitLogo | null, index: number) => void; onConnect?: (logo: OrbitLogo, index: number) => void | Promise<void>; defaultSelected?: string | null; selected?: string | null; speed?: number; paused?: boolean; allLabel?: string; label?: string; className?: string; style?: CSSProperties; }

export declare const OrbitLogos: ComponentType<OrbitLogosProps>;

export default OrbitLogos;
```