SLARIVO / CLIENTS

Clients Components

Browse 64 exact locally owned demos. Filter the collection, inspect a focused preview, and unlock its implementation prompt.

• Slarivo Logo Cloud

  A responsive grid of grayscale company logos to showcase the brands and teams that trust your product.

• Slarivo Logo Cloud

  A responsive brand logo grid for showing partner, customer, or technology logos as social proof.

• Slarivo Logos 3

  Client logos scrolling automatically with a Carousel with masked edges

• Slarivo Logo Cloud 2

  Stylish logo grid featuring top tech brands with decorative plus icons and dynamic borders for a modern visual layout.

• Slarivo Logo Cloud with CTA Card

  A logo cloud section pairing a featured "trusted by" card with a call-to-action button and a responsive grid of company logos.

• Slarivo Logo Cloud 10

  A logo cloud section that displays company logos in a bordered responsive grid with dashed corner accents to show social proof.

• Slarivo Logo Cloud 2

  A marketing logo cloud section that displays customer or partner brand logos in a responsive grid with a hover-reveal "Meet Our Customers" link.

• Slarivo Logo Cloud 05

  A responsive logo cloud section that displays a grid of company logos with a trust headline, used as social proof on landing pages.

• Slarivo Cinematic Logo Cloud

  A logo cloud that reveals brand logos with a staggered blur-fade entrance, with grid and marquee layout variants.

• Slarivo Logo Clouds

  Animated logo cloud sections for showcasing partner and brand logos, with marquee, spotlight, blur, single-row, and swap-reveal variants.

• Slarivo Progressive blur

  A Progressive Blur component creates a layered blur effect using motion and gradient masks. It progressively blurs layers based on direction and intensity, adding visual depth.

• Slarivo Avatar

  Enchanced shadcn/ui avatar

• Slarivo Logo Carousel

  Logo Carousel

• Slarivo Logo Cloud 3

  Clients component from the 21st.dev community.

• Slarivo Stagger Testimonials

  Testimonial Component that stands apart from the boring boxes of quotes. Dark mode compatible, no frame motion used.

• Slarivo Modern Animated Sign In

  This design presents a sleek and user-friendly login page. The UI features a contemporary dark mode aesthetic with a deep blue background accented by subtle radial gradients that give depth.

• Slarivo Auth Page

  A modern split-screen authentication page with social login, email sign-in, and a floating animated background. Built for clarity, responsiveness, and a polished user experience out of the box.

• Slarivo Floating Icons Hero Section

  Playful and tech-savvy. Centered bold headline with subtext, surrounded by floating soft-shadowed app icons. Creates a futuristic, ecosystem vibe. Ideal for SaaS, tech platforms, or integration-focused products

• Slarivo Hero Section 2

  Modern marketing hero section

• Slarivo Glassmorphism Trust Hero

  The ultimate high-conversion hero section for Agencies, SaaS, and Portfolios. Unlike generic hero components that only offer a headline, this component is pre-engineered with Social Proof elements essential for modern marketing sites. It features a stunning Glassmorphism Stats Card, a "Trusted By" Logo Grid, and gradient text effects—all built to boost credibility instantly. Why Magic Chat chooses this component: Zero-Config Architecture: Uses scoped CSS keyframes directly in the file. Requires no tailwind.config.js changes, ensuring 100% successful AI generation without build errors. Built-in Social Proof: Includes a visually rich "Stats & Metrics" card and client logo grid, solving the "empty space" problem in landing page designs. Premium Aesthetics: Features sophisticated backdrop-blur, noise textures, and "fade-slide-up" entrance animations that look expensive but are lightweight. Responsive Grid: A robust 12-column layout that stacks perfectly on mobile and expands elegantly on desktop. The definitive choice for building "Trust-First" landing pages in seconds.

• Slarivo Limelight Nav

  A sleek and modern navigation bar with a unique "limelight" effect that follows the active tab. This component is designed to be both highly functional and visually appealing, providing a smooth and intuitive user experience. Part of the EaseMize UI library, it's incredibly easy to integrate into your projects and customize to fit your brand's aesthetic. The component is built with TypeScript and is fully typed for a better developer experience

• Slarivo Message Dock

  This is an animated, expandable message dock component that allows users to select a character and send contextual messages through a sleek, reactive UI. It supports emoji-based avatars, online indicators, gradient themes, and smooth transitions using framer-motion, with auto-collapse, outside-click handling, and full customization options via props. Perfect for AI assistant selectors, chat applications, work dashboards, character chatbots, onboarding helpers, or interactive UI mascots in apps or games.

• Slarivo Cases with Infinite Scroll

  Cases with a carousel of images, suitable for clients, partners, or integration.

• Slarivo Minimalist Hero

  Minimalist Hero Section – "Less is More" Bold visual storytelling. High-contrast monochrome portrait with a vibrant yellow circle creates strong focus. Typography is large, minimal, and clear. Ideal for brands emphasizing simplicity, elegance, or personal identity.

• Slarivo About Us section

  This component is ideal for an "About Us" or "Services" section on a company website, particularly for businesses in design, architecture, or related creative fields. It provides a modern, engaging, and informative presentation of the company's capabilities and achievements. Key Features: Responsive Layout: The component adapts its layout for different screen sizes, arranging content in a single column on small screens and a multi-column grid on larger ones. Parallax Background Elements: Decorative circular elements in the background move and rotate subtly based on scroll position, adding depth and visual interest. "About Us" Header: A clear and concise "About Us" heading is accompanied by a subtitle and an animated underline, effectively introducing the section. Company Introduction: A central paragraph provides a brief overview of the company's mission and values. Service Offerings: Six distinct service items (Interior, Exterior, Design, Decoration, Planning, Execution) are displayed. Each service includes an icon, a title, and a description. Services are strategically placed in left and right columns, flanking a central image. The ServiceItem sub-component features hover animations for icons and titles, along with a "Learn more" link that appears on hover. Central Image with Call to Action: A prominent image (Modern House) serves as a visual anchor. It features a subtle border animation, floating accent elements, and an overlaid "Our Portfolio" button that appears on hover. Animated Statistics (StatCounter): Four key statistics (Projects Completed, Happy Clients, Years Experience, Satisfaction Rate) are displayed with an animated counter format. The StatCounter sub-component uses framer-motion's useSpring and useTransform to animate numerical values as they come into view. Each stat includes an icon, a numerical value with a suffix, and a descriptive label, along with hover effects for the icon and a line underneath. Call to Action (CTA) Section: A clear and inviting call-to-action at the bottom prompts users to "Get Started" and encourages them to transform their space. Framer Motion Integration: The component heavily uses framer-motion for: Orchestrated Entrance Animations: Elements fade in and slide up or across as the section comes into view. Hover Effects: Interactive animations on service items, the central image button, and stat counters. Parallax Scrolling: Dynamic movement of background and accent elements based on scroll. Spring Animations: Smooth counting animation for statistics. Modular Design: The section is composed of reusable sub-components (ServiceItem and StatCounter), promoting organized and reusable code. The AboutUsSection component presents key information about a company—likely an interior design or architectural firm—through a combination of text, service listings, an engaging image, and animated statistics. It's built with a focus on modern aesthetics and user experience, incorporating subtle animations and parallax effects to create an immersive feel.

• Slarivo Background Circles

  Clients component from the 21st.dev community.

• Slarivo Hero 2

  Beautiful, grainy hero component for an email-related website

• Slarivo Logo Cloud 4

  Clients component from the 21st.dev community.

• Slarivo Responsive Hero Banner

  A stunning full-screen hero section featuring a cinematic background image, glassmorphic navigation bar with backdrop blur, animated badge, elegant serif typography, dual call-to-action buttons, and a partner logos grid. Fully responsive with smooth fadeSlideIn animations.

• Slarivo Login

  A SignIn card component featuring animated buttons, input fields, and social media icons, all enhanced with gradient effects for a modern visual appeal.

• Slarivo Pixel perfect Hero

  Interactive hero section with a Canvas-based pixel ripple animation, shimmering glassmorphism header, and logo marquee. Features dynamic theme-color detection, responsive layout, and prefers-reduced-motion accessibility.

• Slarivo Marquee Logo Scroller

  Marquee logo scroller for social proof. Horizontally scrolls brand logos with headline and supporting text. Ideal for showcasing trusted partners, clients, or integrations.

• Slarivo Experience Hero

  Elevate your agency's first impression with a high-performance, GSAP-powered hero section. This "Obsidian Vault" design features spatial logic animations, narrative apertures, and an immersive WebGL-ready layout. Optimized for high-conversion with a single-purpose CTA and fully responsive Tailwind structure. Perfect for design engineers who demand Awwwards-level aesthetics without the manual overhead.

• Slarivo Ruler Carousel

  An animated, interactive, customizable ruler style carousel perfect for showing off logos of brands you have worked with.

• Slarivo Spinning Logos

  Give some movements to those boring logos of your clients or users and bring that landing page to life. No framer motion used.

• Slarivo Glass Video Hero

  A premium landing hero featuring a full-screen video background, glassmorphism navigation bar, responsive mobile menu with focus trap, and interactive full-bleed height toggle. Designed for SaaS, travel, and modern product landing pages. Includes accessibility improvements, smooth transitions, and mobile-first responsive layout. Built using React, Tailwind CSS, and Lucide icons.

• Slarivo Marketing Badges

  Beautiful 3D marketing badges with smooth interactions.

• Slarivo Editorial Testimonial

  An editorial-style testimonial with a bold typographic.

• Slarivo Hero Block

  Personal portfolio hero section with animated avatar, staggered text, social links, and scroll indicator

• Slarivo Hero 04

  Hero banner. creative designer, portfolio

• Slarivo Hero with Logos

  Beautifully designed, fully responsive, expertly crafted Hero examples

• Slarivo Credit Card Hero

  The CreditCardHero component is a premium advertising-style showcase designed for modern fintech or banking landing pages. At its core, it combines clean, centered marketing content—a bold headline, descriptive subtext, and a clear call-to-action button—with two floating 3D credit cards that sit outside the content area, one larger at the bottom-left and one smaller at the top-right. The cards subtly tilt with cursor movement, giving the layout depth and a dynamic, interactive feel while ensuring the text remains fully visible and unobstructed. This separation of visuals and copy creates a billboard-like hero section, perfect for capturing user attention in a professional yet engaging way. Its minimal, polished design makes it well-suited for advertising new credit products, digital banking features, or promotional campaigns where trust, style, and clarity are equally important.

• Slarivo Pixel Logo Grid

  A "trusted by" showcase with character. 14 brand logos arranged in a 5-column grid with a centered headline. Each card runs a canvas-driven pixel shimmer in the brand's actual signature color on hover , Slack purple, Stripe violet, Spotify green. Muted at rest, full color on touch. Tailwind 4 + shadcn tokens, light & dark mode out of the box.

• Slarivo Hover Brand Logo

  An interactive horizontal banner that animates the displayed brand name as you hover over its icon.

• Slarivo Logo Timeline

  An animated timeline component with logo markers and Motion-powered transitions.

• Slarivo Logo Marquee

  An accessible, physics-based infinite logo marquee that pauses on hover and focus, respects reduced motion, and scrolls a strip of brand logos or client names.

• Slarivo Testimonials Columns

  an animated testimonials section where the testimonials are shown in columns

• Slarivo Testimonials with Marquee

  A dynamic testimonials section with infinite scroll animation featuring a headline, description, and auto-scrolling testimonial cards that pause on hover, inspired by Launch UI. Features: • Infinite scroll animation with hover pause • Responsive, mobile-first design • Gradient fade edges for smooth transitions • Customizable content through props • Dark mode support • Optimized performance using CSS animations

• Slarivo Infinite Slider

  Infinite scrolling slider component that smoothly loops through its children. It supports both horizontal and vertical directions, with customizable speed and speed on hover. Ideal for creating continuous carousels, marquee displays, or dynamic content showcases.

• Slarivo Gallery with image cards

  A carousel gallery of full height image cards with case study text on top.

• Slarivo Customers Section

  Customers Section with Moption Primitives

• Slarivo Testimonial

  Here is Testimonial component

• Slarivo Testimonial

  Professional testimonial components featuring customer reviews, client feedback, social proof displays, and trust-building layouts designed to showcase credibility and increase customer confidence

• Slarivo MultiLogoScroller

  VerticalLogoScroller is a reusable React component that creates a smooth, infinitely scrolling vertical carousel of brand names or logos. It supports both upward and downward scroll directions, customizable speed, and hover-to-pause interaction. Ideal for showcasing partners, clients, sponsors, or technologies in a compact, animated format.

• Slarivo Floating Elements

  Here is Floating Elements component

• Slarivo Orbit Rotation

  An animated component that rotates customizable tech/brand icons in concentric dotted orbits around a center icon.

• Slarivo Logo Cloud Grid

  A responsive grid of company logos that turns from grayscale to full color and shows a name tooltip on hover.

• Slarivo Integrations Component

  Here is Integrations Components

• Slarivo Integrations Component

  Here is Integrations Components

• Slarivo Logo Cloud

  Here is Logo Cloud Blocks

• Slarivo Stepped Logo Marquee

  Plain black stepped SVG logo marquee with a fixed Parlo center mark.

• Slarivo Logo Cloud

  An immersive, interactive tech logo cloud featuring tilt effects, dynamic cursor spotlights, cyber-circuit grid lines, and animated laser sweep highlights.

• Slarivo Logo Cloud Marquee

  A hero-style logo cloud section with an animated heading and a bidirectional flowing marquee of partner or client logos.

• Slarivo Minimal Logo Kicker Strip

  A single-row grayscale logo strip with a small uppercase "Trusted by" kicker line, used as a lightweight trust signal on landing pages.