A neutral placeholder for a customer or partner logo.
FreeWeb and Mobile2 variantsMotion
Preview
npx shadcn add @fetaui/logo-tilePlayground
Tideway
Kinds
Tideway
Brightfold
States
Tideway
Brightfold
Kind
State
Icons animation
Motion
Installation
Terminal· bash
npx shadcn add @fetaui/logo-tile
Accessibility
- The name is real text.
- The mark is hidden from screen readers.
Motion
- Hover lifts the tile 2 px with a soft shadow, washes it 4% and turns the mark 12 degrees on a spring in 420 ms.
- The name eases 2 px over in 240 ms.
- With reduced motion or
animatedoff, only the colours change.
Responsive behavior
- 200 by 88 on Web and 172 by 72 on Mobile.
Performance
- Plain markup and CSS, with no loops or timers.
Note for AI
Give your coding assistant the Markdown reference instead of screenshots.
- Import LogoTile from @/components/fetaui/logo-tile.
- name is required. kind picks mark or wordmark, and icon replaces the mark.
- It is a neutral placeholder, so swap it for real logos you may show.
Related
Logo Cloud · GridProBlockA caption beside a wrapping grid of logo placeholders.Cylinder CarouselProBlockItems rolling around a cylinder: inside it the centre is smallest and dipped; outside it the centre is largest and raised.Models · RowProBlockSix model tiles with vendor and context size.AvatarComponentA person or workspace as an illustrated photo, initials or an icon, with presence, a story ring and overlapping groups.BadgeComponentA short label that names a status or a category. The pill stays ink and the mark carries the tone.