Shadcn.io is not affiliated with official shadcn/ui
Logos Minimalist Icon Circles Strip
A minimalist icon circles logo strip for React and Next.js with six circular bordered icon badges, an uppercase eyebrow label, per-badge aria labels, and monochrome-to-color hover built with shadcn/ui and Tailwind CSS
Render customer logos as tactile circular icon badges with this minimalist icon circles strip block for React and Next.js. Features six invented placeholder brands rendered as size-12 rounded-full bordered circles containing centered size-5 Lucide icons, an uppercase tracking-widest eyebrow label, no wordmark text beside the circles — just the icon silhouettes doing the work, and aria-label attributes on each badge naming the brand for screen readers. Built with TypeScript, motion/react parent entrance with useReducedMotion guard, Lucide React icon marks, and Tailwind CSS theme variables. Perfect for under-hero proof bands that want to feel more app-like than wordmark-heavy, product-forward marketing pages, and any section where the circular silhouette is the typographic rhythm.
Related Components
React Logos Minimalist Monogram Badge Strip Block
A monogram badge strip
React Logos Minimalist Strip With Dividers Block
A logo strip with vertical dividers
React Logos Minimalist Wordmark Only Strip Block
A typographic wordmark only strip
React Logos Static Grid Wall Icon Circles Block
A circular icon badge grid wall
React Logos Single Marquee Icon Only Block
A single marquee of icon only badges
React Logos Under Hero Minimalist Strip Block
A quiet under-hero logo strip
FAQ
Was this page helpful?
Sign in to leave feedback.
Minimalist Eyebrow Split Strip
A minimalist split horizontal logo strip for React and Next.js with a left-aligned TRUSTED BY eyebrow label, a right-aligned flex-wrap row of six placeholder logo marks, and monochrome-to-color hover states built with shadcn/ui and Tailwind CSS
Minimalist Monogram Badge Strip
A minimalist monogram badge logo strip for React and Next.js with seven two-letter monogram tiles rendered in rounded bordered containers, an eyebrow label, and monochrome-to-color hover built with shadcn/ui and Tailwind CSS