Stop Rebuilding UI

Logos 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

Scroll to load preview

Anchor a calm under-hero trust band with a minimalist split horizontal logo strip for React and Next.js. Features a left-aligned uppercase TRUSTED BY eyebrow label, a right-aligned flex-wrap row of six invented brand marks using icon plus wordmark variant two, monochrome-to-color hover promotion, and a mobile-first layout that stacks the eyebrow above the logos on narrow viewports and places them side-by-side at the sm breakpoint. Built with TypeScript, motion/react parent entrance with useReducedMotion, Lucide React icon marks paired with invented placeholder wordmarks, and Tailwind CSS theme variables. Perfect for under-hero trust bands, between-features proof rows, and any landing page where the eyebrow does the typographic work instead of a full headline.

FAQ

Last updated on April 11, 2026

Was this page helpful?

Sign in to leave feedback.